:root {
    --myColor: #dc5c05;
}

:root {
    --myColorText: grey;
}

:root {
    --mycolorTextClaro: #e2dddd;
}

body {
    font-family:sans-serif;
}

/* body,html {
    max-width: 100% !important;
    overflow-x: hidden !important;
} */

body::-webkit-scrollbar {
    width: 7px;
}

body::-webkit-scrollbar-thumb {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, hsl(24, 96%, 44%) 35%, rgba(0, 0, 0, 1) 100%);
    border-radius: 3px;
}

@font-face {
    font-family: relojDidital;
    src: url(DS-DIGIB.TTF);
}

/* ============================================
responsive design dispositivos de escritorio
============================================ */
.header {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: rgb(125, 124, 127);
    background: linear-gradient(0deg, rgba(125, 124, 127, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(221, 221, 221, 1) 78%);
    color: var(--myColor);
    z-index: 600;
    position: fixed;
    width: 100%;
    height: 20px;
    top: 60px;
}

.header p {
    color: #f99d1d;
    text-shadow: 0 0 5px #e69112;
    background-color: #333132;
    font-family: relojDidital;
    font-size: x-large;
    text-align: center;
    max-width: 400px;
    border-radius: 5px;
    border: #848d8d 3px solid;
    -webkit-box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 10px 27px -8px #141414, inset 0px -10px 27px -8px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

.header .logo {
    background-color: #ffffff;
    border-radius: 50%;
    max-width: 100px;
}

.km {
    background-color: white;
    color: #040102;
    padding: 20px;
    border-radius: 50%;
    border: red 10px solid;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    cursor: pointer;
}

.btnAbrirMenu {
    border: none;
    background-color: transparent;
}

.btnCerrarMenu {
    cursor: pointer;
    border: none;
    display: none;
    background-color: transparent;
}

.nav {
    background-image: url("img/Diseño\ sin\ título\ \(34\).webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
    z-index: 600;
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 0);
    position: fixed;
    width: 100%;
    height: 90%;
    top: 100px;
    animation: mostrarDerecha 4s;
}

@keyframes mostrarDerecha {
    0% {
        transform: translateY(500px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(0);
    }
}

.nav a img {
    width: 100px;
}

.nav a {
    background: url(img/cursormano.webp);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.nav a:hover {
    transition: 0.5;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

/* ============================================
responsive design dispositivos móvil
============================================ */
@media (max-width: 768px) {

    .header {
        top: 40px;
        height: 10px;
    }

    .header p {
        font-size: 17px;
        margin: 30px;
    }

    .header .logo {
        width: 60px;
        margin-left: 10px;
    }

    .km {
        padding: 5px;
        border: red 5px solid;
        font-size: 20px;
        margin-right: 7px;
    }

    .nav {
        width: 100%;
        height: 50%;
        top: 85px;
    }

}
/* /////////////////////////////video//////////////////////// */
.video {
    margin-top: 100px;
}

.video video {
    width: 100%;
}

.video .imgVideo {
    position: absolute;
    top: 200px;
}

@media (max-width: 968px) {
    .video {
        margin-top: 55px;
    }

    .video .imgVideo {
        position: absolute;
        top: 80px;
    }

    .video .imgVideo img {
        width: 200px;
    }
}
/*====================================sliderMouse================================= */
/* Panels. */
.splitview {
    position: relative;
    width: 100%;
    min-height: 45vw;
    overflow: hidden;
}

.panel {
    position: absolute;
    width: 100vw;
    min-height: 45vw;
    overflow: hidden;
}

.panel .content {
    position: absolute;
    width: 100vw;
    min-height: 45vw;
    color: var(--myColor);
}

.panel .description {
    width: 25%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.panel .textBlack {
    color: white;
}

.panel img {
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);
    width: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bottom {
    background-color: var(--myColor);
    z-index: 1;
}

.bottom .description {
    right: 5%;
}

.top {
    background-color: white;
    z-index: 2;
    width: 50vw;
}

.top .description {
    left: 5%;
}

/* Handle. */
.handle {
    height: 100%;
    position: relative;
    display: block;
    background-color: rgb(253, 171, 0);
    width: 5px;
    top: 0;
    left: 50%;
    z-index: 3;
}

/* Skewed. */
.skewed .handle {
    top: 50%;
    transform: rotate(30deg) translateY(-50%);
    height: 200%;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
}

.skewed .top {
    transform: skew(-30deg);
    margin-left: -1000px;
    width: calc(50vw + 1000px);
}

.skewed .top .content {
    transform: skew(30deg);
    margin-left: 1000px;
}

/* Responsive. */
@media (max-width: 900px) {
    .skewed {
        font-size: 60%;
    }
}



/* =====================QuienesSomos================= */
.quienesSomos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /* background-color: rgb(245, 238, 238); */
    color: var(--myColorText);
}

.quienesSomos h2 {
    color: var(--myColor);
}

.quienesSomos h3 {
    color: black;
    text-align: center;
}

.quienesSomos div {
    margin: 30px;
}

.textDecription {
    max-width: 400px;
    text-align: justify;
}

.quienesSomos img {
    max-width: 500px;
    min-width: 200px;
    height: auto;
}

@media (max-width: 768px) {
    .quienesSomos img {
        width: 300px;
        height: auto;
    }
}
/* ======================Poster========================== */
.cintaVia {
    background-image: url(img/preguntaPorNuestrosCursos.webp);
    background-color: var(--myColor);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    height: 550px;
}

@media (max-width: 768px) {
    .cintaVia {
        height: 300px;
    }
}
/* ====================posterVamosACeaChoconta================= */
.img {
    background-color: var(--myColor);
    padding-top: 10px;
}

.img h3 {
    text-align: center;
    padding: 5px;
    font-size: 30px;
    color: white;
}

.img p {
    max-width: 700px;
    text-align: justify;
    color: white;
    margin: auto;
}

@media (max-width: 768px) {
    .img h3 {
        font-size: 20px;
    }

    .img p {
        padding: 10px;
    }
}

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

/* ============================nuestroCompromiso================= */

.titleNuestroCompromiso {
    text-align: center;
}

.titleNuestroCompromiso h2 {
    color: var(--myColor);
}

/* ================EspejosRetrovisores==================== */
.parent {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.parent .videoDerecho {
    transform: scaleX(-1);
}

.parent video {
    width: 15%;
    border-radius: 31% 69% 23% 77% / 66% 18% 82% 34%;
    box-shadow: rgb(61, 61, 57) 7px 10px 6px;
    border: 3px solid rgb(31, 30, 30);
}

.parent img {
    max-width: 60%;
}

/* =================SectionOctágonos====================== */
.setionOctagonos {
    background-color: #040102;
    padding-top: 30px;
}

.title {
    color: yellow;
    text-align: center;
}

.sesionInicio2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: black;
    color: var(--mycolorTextClaro);
}

.cajaInicio2 {
    max-width: 400px;
    height: auto;
    padding: 20px;
    border-radius: 20px;
    margin: auto;
    text-align: justify;

}

.cajaInicio2 img {
    max-width: 100%;
    height: auto;

}

@media (max-width:768px) {

    .cajaInicio2 img {
        width: 300px;
        margin: auto;
        display: block;
        text-align: center;
    }
}

.cajaInicio2 h2 {
    color: yellow;
    text-align: center;
}

/* ============================PublicidadCarroEnMovimiento============ */
.publicidad {
    background-color: var(--myColor);
    color: var(--mycolorTextClaro);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.publicidad h4 {
    color: var(--mycolorTextClaro);
}

.cajaPublicidad {
    width: 500px;
    margin: 10px;

}

.cajaPublicidad p {
    background-color: #ec6912;
    text-align: justify;
    border-style: solid;
    border-color: #ec6912;
    padding: 15px;
}

.cajaPublicidad img {
    max-width: 100%;
    /* border-radius: 250px 100px 0px 50px; */
    border-radius: 20px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

/* ======================sliderCarroEnMovimiento==================== */
.slider {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.slider ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 500%;
    animation: cambio 5s infinite reverse steps(38);
}

.slider ul li {
    width: 100%;
    list-style: none;
}

.slider ul li img {
    width: 100%;
    max-width: 100%;
    max-height: 400px;
    -o-object-fit: fill;
    object-fit: fill;
}

@keyframes cambio {
    10% {
        margin-left: -10;
    }

    20% {
        margin-left: -20;
    }

    30% {
        margin-left: -30%;
    }

    40% {
        margin-left: -40%;
    }

    50% {
        margin-left: -50%;
    }

    60% {
        margin-left: -60%;
    }

    70% {
        margin-left: -70%;
    }

    80% {
        margin-left: -80%;
    }

    90% {
        margin-left: -90%;
    }

    100% {
        margin-left: -100%;
    }
}

.slider .imgCarro {
    width: 40%;
    position: absolute;
    margin-top: -20%;
    margin-left: 30%;
}

.slider .llanta {
    width: 6.5%;
    height: auto;
    position: absolute;
    margin-top: -12%;
    margin-left: 33%;
    animation: animationLlanta 1s infinite steps(60);
}

.slider .llanta2 {
    width: 6.5%;
    position: absolute;
    margin-top: -12.7%;
    margin-left: 59.6%;
    animation: animationLlanta 1s infinite steps(60);
}

@keyframes animationLlanta {
    from {
        transform: rotate(360deg);
    }
}

/* =========================SesionCategoriaMovil================================= */
.categoriaMovil h2 {
    text-align: center;
    color: var(--myColor);
    margin-top: 100px;
}

.categoriaMovil .CardCategoriaMovil {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.categoriaMovil .CardCategoriaMovil img{
    max-width: 100%;
}
@media (min-width: 768px) {
    .categoriaMovil {
        display: none;
    }
}

/* ==============================SesiónCategoríaEscritorio================== */
.ui {
    width: 40%;
    position: relative;
    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
}

.ui_fruit {
    position: absolute;
    z-index: 34;
    right: -47px;
    pointer-events: none;
    top: 180px;

}

.ui_fruit img {
    width: 344px;
}

.ui_basket {
    color: gray;
    position: relative;
    top: -6px;
    text-align: right;
}

.ui_inner {
    height: 340px;
    background-image: -webkit-linear-gradient(45deg, #ffffff 0%, #f3f3f3 100%);
    padding: 40px;
    box-shadow: 0px 2px 40px 0px transparent, 0px 6px 26px 0px #bf9b59, 0px 3px 0px -2px white inset, 0px 22px 60px 70px #f1f1f1 inset, 0px 8px 18px -7px transparent, 30px 13px 30px 28px #b18f8f inset;
}

.ui_inner .sb {
    overflow: hidden;
    width: 450px;
    top: -1px;
    left: -171px;
    position: absolute;
    height: 480px;
    -webkit-animation: spin 14s infinite linear;
    animation: spin 14s infinite linear;

}

.ui_inner .sb img {
    width: 450px;
    opacity: 0;
    transition: all 0.15s 0s;
}

/* =====================color Bnt======================== */
.ui_inner__selection label .m,
.ui_inner__selection label .s,
.ui_inner__selection label .l,
.ui_inner__selection label .h {
    background: red;
    position: absolute;
    right: -130px;
    cursor: pointer;
    width: 130px;
    color: rgb(248, 248, 244);
    padding: 20px;
    font-size: 14px;
    z-index: 4;
    font-family: "Bad Script", cursive;
    top: 0;
    text-align: center;
    transition: all 0.2s;
}

/* ===========================hover btn============== */
.ui_inner__selection label .m:hover,
.ui_inner__selection label .s:hover,
.ui_inner__selection label .l:hover,
.ui_inner__selection label .h:hover {
    background: yellow;
    color: #040102;
    padding: 20px 20px 20px 30px;
}

.ui_inner__selection label .m,
.ui_inner__selection label .s,
.ui_inner__selection label .l,
.ui_inner__selection label .h {
    border-radius: 255px 15px 205px 35px/35px 225px 35px 255px;
}

.ui_inner__selection label .l {
    top: 0px;
    border-radius: 265px 35px 185px 14px/8px 235px 12px 255px;
    width: 126px;
    right: -119px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.06) inset;
}

.ui_inner__selection label .l:before {
    content: "";
    display: block;
    background: #f1f1f1;
    height: 100px;
    width: 10px;
    position: ABSOLUTE;
    LEFT: -3PX;
    top: 0px;
}

.ui_inner__selection label .s {
    top: 63px;
    border-radius: 195px 35px 155px 3px/19px 265px 25px 235px;
    width: 127px;
    right: -123px;
}

.ui_inner__selection label .s:before {
    content: "";
    display: block;
    background: #f1f1f1;
    height: 100px;
    width: 10px;
    position: ABSOLUTE;
    LEFT: -6PX;
    top: 0px;
}

.ui_inner__selection label .h {
    top: 187px;
    border-radius: 195px 9px 177px 3px/49px 275px 65px 235px;
    width: 127px;
    right: -123px;
}

.ui_inner__selection label .h:before {
    content: "";
    display: block;
    background: #f1f1f1;
    height: 100px;
    width: 10px;
    position: absolute;
    LEFT: -6PX;
    top: 0px;
}

.ui_inner__selection label .m {
    top: 127px;
    border-radius: 265px 15px 205px 1px/0px 225px 35px 245px;
    right: -125px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.06) inset;
}

.ui_inner__selection label .m:before {
    content: "";
    display: block;
    background: #f1f1f1;
    height: 100px;
    width: 10px;
    position: ABSOLUTE;
    LEFT: -5PX;
    top: 0px;
}

.ui_inner__selection input[type=radio] {
    display: none;
}

/* =======================staticBtn============================= */
.ui_inner__selection input[type=radio]:checked+label .selected {
    background: blue !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .sb img {
    opacity: 0.3;
    transition: all 1s 0.2s;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left {
    opacity: 1;
    left: -100px;
    transition: all 0.5s 0.35s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__right h2 {
    opacity: 1;
    left: 0px;
    transition: all 0.5s 0.4s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__right h3 {
    opacity: 1;
    left: 0px;
    transition: all 0.5s 0.45s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider {
    pointer-events: all;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__right p {
    opacity: 1;
    left: 0px;
    transition: all 0.5s 0.5s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__right input {
    position: relative;
    opacity: 1;
    left: 0px;
    transition: all 0.5s 0.55s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__right .add {
    position: relative;
    opacity: 1;
    left: 0px;
    transition: all 0.5s 0.6s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(1) {
    left: -167px;
    top: -37px;
    opacity: 0;
    transform: rotate(222deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(2) {
    left: -179px;
    top: -6px;
    opacity: 0;
    transform: rotate(28deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(3) {
    left: -222px;
    top: -118px;
    opacity: 0;
    transform: rotate(-111deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(4) {
    left: -83px;
    top: -182px;
    opacity: 0;
    transform: rotate(-287deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(5) {
    left: -110px;
    top: -202px;
    opacity: 0;
    transform: rotate(-19deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(6) {
    left: -148px;
    top: -165px;
    opacity: 0;
    transform: rotate(-470deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(7) {
    left: -218px;
    top: -91px;
    opacity: 0;
    transform: rotate(-406deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(8) {
    left: -37px;
    top: -227px;
    opacity: 0;
    transform: rotate(-31deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(9) {
    left: -108px;
    top: -119px;
    opacity: 0;
    transform: rotate(23deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(10) {
    left: -28px;
    top: -195px;
    opacity: 0;
    transform: rotate(544deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(11) {
    left: -186px;
    top: -26px;
    opacity: 0;
    transform: rotate(536deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(12) {
    left: -21px;
    top: -137px;
    opacity: 0;
    transform: rotate(46deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(13) {
    left: -223px;
    top: -31px;
    opacity: 0;
    transform: rotate(-439deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(14) {
    left: -59px;
    top: -129px;
    opacity: 0;
    transform: rotate(422deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(15) {
    left: -4px;
    top: -43px;
    opacity: 0;
    transform: rotate(551deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(16) {
    left: -37px;
    top: -77px;
    opacity: 0;
    transform: rotate(-518deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(17) {
    left: -77px;
    top: -96px;
    opacity: 0;
    transform: rotate(462deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(18) {
    left: -165px;
    top: -83px;
    opacity: 0;
    transform: rotate(-564deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(19) {
    left: -134px;
    top: -84px;
    opacity: 0;
    transform: rotate(-595deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(20) {
    left: -106px;
    top: -170px;
    opacity: 0;
    transform: rotate(11deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(21) {
    left: -84px;
    top: -115px;
    opacity: 0;
    transform: rotate(-346deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(22) {
    left: -229px;
    top: -157px;
    opacity: 0;
    transform: rotate(96deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(23) {
    left: -101px;
    top: -227px;
    opacity: 0;
    transform: rotate(-110deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(24) {
    left: -41px;
    top: -36px;
    opacity: 0;
    transform: rotate(-116deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(25) {
    left: -140px;
    top: -96px;
    opacity: 0;
    transform: rotate(-180deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(26) {
    left: -142px;
    top: -81px;
    opacity: 0;
    transform: rotate(77deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(27) {
    left: -140px;
    top: -210px;
    opacity: 0;
    transform: rotate(98deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(28) {
    left: -83px;
    top: -200px;
    opacity: 0;
    transform: rotate(-467deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(29) {
    left: -154px;
    top: -225px;
    opacity: 0;
    transform: rotate(-169deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(30) {
    left: -225px;
    top: -142px;
    opacity: 0;
    transform: rotate(-507deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(31) {
    left: -41px;
    top: -198px;
    opacity: 0;
    transform: rotate(-446deg) !important;
}

.ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(32) {
    left: -9px;
    top: -57px;
    opacity: 0;
    transform: rotate(-497deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(33) {
    left: -176px;
    top: -181px;
    opacity: 0;
    transform: rotate(203deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(34) {
    left: -2px;
    top: -60px;
    opacity: 0;
    transform: rotate(-33deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(35) {
    left: -187px;
    top: -143px;
    opacity: 0;
    transform: rotate(-491deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(36) {
    left: -157px;
    top: -105px;
    opacity: 0;
    transform: rotate(-70deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(37) {
    left: -120px;
    top: -166px;
    opacity: 0;
    transform: rotate(-257deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(38) {
    left: -129px;
    top: -2px;
    opacity: 0;
    transform: rotate(470deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(39) {
    left: -142px;
    top: -98px;
    opacity: 0;
    transform: rotate(-71deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(40) {
    left: -90px;
    top: -228px;
    opacity: 0;
    transform: rotate(-187deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(41) {
    left: -156px;
    top: -60px;
    opacity: 0;
    transform: rotate(-374deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(42) {
    left: -55px;
    top: -49px;
    opacity: 0;
    transform: rotate(311deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(43) {
    left: -127px;
    top: -120px;
    opacity: 0;
    transform: rotate(-8deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(44) {
    left: -204px;
    top: -214px;
    opacity: 0;
    transform: rotate(381deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(45) {
    left: -214px;
    top: -59px;
    opacity: 0;
    transform: rotate(412deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(46) {
    left: -112px;
    top: -178px;
    opacity: 0;
    transform: rotate(-515deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(47) {
    left: -229px;
    top: -41px;
    opacity: 0;
    transform: rotate(-67deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(48) {
    left: -42px;
    top: -101px;
    opacity: 0;
    transform: rotate(-395deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(49) {
    left: -143px;
    top: -122px;
    opacity: 0;
    transform: rotate(-145deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(50) {
    left: -19px;
    top: -11px;
    opacity: 0;
    transform: rotate(386deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(51) {
    left: -203px;
    top: -68px;
    opacity: 0;
    transform: rotate(-204deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(52) {
    left: -160px;
    top: -195px;
    opacity: 0;
    transform: rotate(372deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(53) {
    left: -7px;
    top: -144px;
    opacity: 0;
    transform: rotate(573deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(54) {
    left: -42px;
    top: -30px;
    opacity: 0;
    transform: rotate(-245deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(55) {
    left: -209px;
    top: -84px;
    opacity: 0;
    transform: rotate(-101deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(56) {
    left: -192px;
    top: -92px;
    opacity: 0;
    transform: rotate(66deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(57) {
    left: -169px;
    top: -174px;
    opacity: 0;
    transform: rotate(-235deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(58) {
    left: -161px;
    top: -49px;
    opacity: 0;
    transform: rotate(344deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(59) {
    left: -124px;
    top: -50px;
    opacity: 0;
    transform: rotate(-105deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(60) {
    left: -177px;
    top: -33px;
    opacity: 0;
    transform: rotate(-488deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(61) {
    left: -134px;
    top: -144px;
    opacity: 0;
    transform: rotate(315deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(62) {
    left: -187px;
    top: -197px;
    opacity: 0;
    transform: rotate(-594deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(63) {
    left: -67px;
    top: -207px;
    opacity: 0;
    transform: rotate(-446deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(64) {
    left: -214px;
    top: -12px;
    opacity: 0;
    transform: rotate(-393deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(65) {
    left: -229px;
    top: -157px;
    opacity: 0;
    transform: rotate(458deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(66) {
    left: -62px;
    top: -174px;
    opacity: 0;
    transform: rotate(557deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(67) {
    left: -175px;
    top: -164px;
    opacity: 0;
    transform: rotate(-515deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(68) {
    left: -161px;
    top: -71px;
    opacity: 0;
    transform: rotate(-373deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(69) {
    left: -67px;
    top: -84px;
    opacity: 0;
    transform: rotate(456deg) !important;
}

body .ui_inner__selection input[type=radio]:checked+label .ui_inner__slider .slide_inner__left .firework .firework_part:nth-of-type(70) {
    left: -209px;
    top: -198px;
    opacity: 0;
    transform: rotate(-539deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(1) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(63deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(2) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-275deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(3) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-463deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(4) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(573deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(5) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(549deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(6) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-356deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(7) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-114deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(8) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-33deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(9) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(158deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(10) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(438deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(11) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(47deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(12) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(167deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(13) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(484deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(14) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(374deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(15) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(269deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(16) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-340deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(17) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-57deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(18) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-494deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(19) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(465deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(20) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-219deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(21) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-578deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(22) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(131deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(23) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(35deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(24) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-595deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(25) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(423deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(26) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-441deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(27) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(325deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(28) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-528deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(29) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-344deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(30) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-58deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(31) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-224deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(32) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-338deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(33) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-112deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(34) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(79deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(35) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-254deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(36) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-433deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(37) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-96deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(38) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-411deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(39) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-437deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(40) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(117deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(41) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-171deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(42) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(15deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(43) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-337deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(44) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(63deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(45) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-414deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(46) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(83deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(47) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(464deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(48) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(516deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(49) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-313deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(50) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-119deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(51) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-450deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(52) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-91deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(53) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-224deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(54) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-181deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(55) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(508deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(56) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(85deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(57) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(503deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(58) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(127deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(59) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-363deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(60) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(523deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(61) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(-76deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(62) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(199deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(63) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(195deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(64) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(594deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(65) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(14deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(66) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(43deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(67) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(142deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(68) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(451deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(69) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(213deg) !important;
}

body .ui_inner__selection input[type=checkbox]:checked+label .add .firework_part:nth-of-type(70) {
    left: 277px;
    top: -186px;
    opacity: 1;
    transform: rotate(193deg) !important;
}

body .ui_inner .ui_inner__slider {
    pointer-events: none;

}

body .ui_inner .ui_inner__slider .slide_inner {
    position: absolute;
    top: 54px;
    text-align: right;

}

.ui_inner .ui_inner__slider .slide_inner__left {
    display: inline-block;
    width: 42%;
    opacity: 0;
    position: absolute;
    left: -220px;
    top: 10px;
}

body .ui_inner .ui_inner__slider .slide_inner__left img {
    width: 100%;
    z-index: 8;
    position: Relative;
    filter: drop-shadow(-4px 6px 6px rgba(0, 0, 0, 0.2));
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework {
    position: relative;
    left: 130px;
    top: -150px;
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part {
    position: absolute;
    border-radius: 10px;
    background: Red;
    transition: left 0.99s 0.36s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.36s, top 0.99s 0.36s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.99s 0.55s;
    left: 0;
    top: 0;
    opacity: 1;
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(1) {
    background: #8ade46;
    height: 7px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(2) {
    background: #dea046;
    height: -1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(3) {
    background: #de466f;
    height: 9px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(4) {
    background: #de9446;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(5) {
    background: #de466d;
    height: 1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(6) {
    background: #ded146;
    height: -4px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(7) {
    background: #dece46;
    height: 7px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(8) {
    background: #de4a46;
    height: -3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(9) {
    background: #de9646;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(10) {
    background: #dea546;
    height: 1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(11) {
    background: #de9e46;
    height: 8px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(12) {
    background: #de4f46;
    height: 2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(13) {
    background: #de465e;
    height: 9px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(14) {
    background: #de5c46;
    height: 8px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(15) {
    background: #de4647;
    height: -3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(16) {
    background: #de466a;
    height: 10px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(17) {
    background: #dec446;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(18) {
    background: #de466a;
    height: -3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(19) {
    background: #de4846;
    height: 3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(20) {
    background: #de9446;
    height: 10px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(21) {
    background: #dea546;
    height: 10px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(22) {
    background: #deab46;
    height: -1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(23) {
    background: #de7846;
    height: 9px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(24) {
    background: #de8246;
    height: 3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(25) {
    background: #de4668;
    height: 7px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(26) {
    background: #de8c46;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(27) {
    background: #de7846;
    height: 8px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(28) {
    background: #dea846;
    height: -1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(29) {
    background: #deab46;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(30) {
    background: #de9e46;
    height: 0px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(31) {
    background: #de4665;
    height: 7px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(32) {
    background: #dec646;
    height: 5px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(33) {
    background: #de5f46;
    height: 7px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(34) {
    background: #de4653;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(35) {
    background: #de5c46;
    height: 1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(36) {
    background: #dec646;
    height: 4px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(37) {
    background: #deb546;
    height: 2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(38) {
    background: #dea546;
    height: -3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(39) {
    background: #de6646;
    height: 4px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(40) {
    background: #ded846;
    height: -2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(41) {
    background: #deab46;
    height: 2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(42) {
    background: #de5c46;
    height: -3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(43) {
    background: #de9e46;
    height: 0px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(44) {
    background: #de7346;
    height: 10px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(45) {
    background: #dec146;
    height: -3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(46) {
    background: #de5446;
    height: 5px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(47) {
    background: #de7a46;
    height: 1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(48) {
    background: #de6646;
    height: 9px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(49) {
    background: #de9946;
    height: -2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(50) {
    background: #dea846;
    height: 2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(51) {
    background: #de8c46;
    height: 9px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(52) {
    background: #de6646;
    height: 3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(53) {
    background: #de4647;
    height: 7px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(54) {
    background: #deb046;
    height: -3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(55) {
    background: #de9146;
    height: -1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(56) {
    background: #de7046;
    height: 3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(57) {
    background: #de9e46;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(58) {
    background: #de7546;
    height: 0px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(59) {
    background: #de9946;
    height: -2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(60) {
    background: #deb046;
    height: -2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(61) {
    background: #decb46;
    height: 3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(62) {
    background: #deb246;
    height: 9px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(63) {
    background: #de466d;
    height: -1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(64) {
    background: #debf46;
    height: 9px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(65) {
    background: #deab46;
    height: 3px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(66) {
    background: #ded146;
    height: -2px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(67) {
    background: #de9446;
    height: 7px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(68) {
    background: #de6446;
    height: -1px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(69) {
    background: #de4f46;
    height: 6px;
    width: 5px;
    transform: rotate(0deg);
}

body .ui_inner .ui_inner__slider .slide_inner__left .firework_part:nth-of-type(70) {
    background: #de9146;
    height: -1px;
    width: 5px;
    transform: rotate(0deg);
}

/* ======================textoDescriptivo===================== */
body .ui_inner .ui_inner__slider .slide_inner__right {
    display: inline-block;
    width: 60%;
    padding: 0px 40px 0px 0px;
    text-align: left;
    position: relative;
    z-index: 100;
}

body .ui_inner .ui_inner__slider .slide_inner__right .hid {
    display: none;
}

/* ===========================Title===================== */
body .ui_inner .ui_inner__slider .slide_inner__right h2 {
    margin: 0px 0px 10px 0px;
    font-family: "Amatic SC", cursive;
    color: #1f1e20;
    font-size: 32px;
    position: relative;
    opacity: 0;
    left: -90px;
    transition: all 0.5s 0.2s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

/* ==========================precio=========================== */
body .ui_inner .ui_inner__slider .slide_inner__right h3 {
    margin: 0px 0px 10px 0px;
    font-family: "Satisfy", cursive;
    color: #225f0a;
    font-size: 20px;
    position: relative;
    opacity: 0;
    left: -90px;
    transition: all 0.5s 0.25s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

body .ui_inner .ui_inner__slider .slide_inner__right h3 span {
    font-size: 11px;
}

/* ==============================ColorTexto========================= */
body .ui_inner .ui_inner__slider .slide_inner__right p {
    margin: 0;
    font-family: "Bad Script", cursive;
    line-height: 22px;
    color: #26243b;
    font-size: 12px;
    position: relative;
    opacity: 0;
    left: -90px;
    transition: all 0.5s 0.3s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

/* ========================ColorStar======================= */
body .ui_inner .ui_inner__slider .slide_inner__right input {
    margin: 20px 0px;
    padding: 10px;
    outline: none;
    border-radius: 255px 15px 205px 35px/35px 225px 35px 255px;
    font-family: "Satisfy", cursive;
    border: 3px solid #e8e8e8;
    color: #115714;
    width: 55px;
    text-align: Center;
    position: relative;
    opacity: 0;
    left: -40px;
    transition: all 0.5s 0.35s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

/* =========================colorClic========================== */
body .ui_inner .ui_inner__slider .slide_inner__right .add {
    cursor: pointer;
    display: inherit;
    margin: 20px 0px;
    padding: 10px 20px;
    margin-left: 10px;
    border-radius: 255px 15px 205px 35px/35px 225px 35px 255px;
    font-family: "Amatic SC", cursive;
    background: #f70485;
    color: rgb(246, 244, 244);
    width: 25px;
    text-align: Center;
    text-decoration: none;
    position: relative;
    opacity: 0;
    left: -40px;
    transition: all 0.5s 0.4s cubic-bezier(0.175, 1.605, 0.455, 0.92);
}

@media (max-width: 768px) {
    body .ui_inner .ui_inner__slider .slide_inner__right h2 {
        display: none;
    }

    body .ui_inner .ui_inner__slider .slide_inner__right h3 {
        display: none;
    }

    body .ui_inner .ui_inner__slider .slide_inner__right p {
        display: none;
    }

    body .ui_inner .ui_inner__slider .slide_inner__right .add {
        display: none;
    }
}

body .ui_inner .ui_inner__slider .slide_inner__right .add input {
    display: none;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework {
    position: absolute;
    left: 0px;
    top: 0px;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part {
    position: absolute;
    border-radius: 10px;
    left: 0;
    top: 0;
    opacity: 1;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(1) {
    background: #8046de;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -37px;
    top: -1px;
    transform: rotate(0deg);
    transition: left 1s 0.0125s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.0125s, top 0.99s 0.0125s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(2) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -9px;
    top: 9px;
    transform: rotate(0deg);
    transition: left 0.54s 0.025s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.025s, top 0.99s 0.025s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(3) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -16px;
    top: 9px;
    transform: rotate(0deg);
    transition: left 1.09s 0.0375s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.0375s, top 0.99s 0.0375s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(4) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -24px;
    top: 8px;
    transform: rotate(0deg);
    transition: left 1.04s 0.05s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.05s, top 0.99s 0.05s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(5) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -16px;
    top: 0px;
    transform: rotate(0deg);
    transition: left 0.97s 0.0625s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.0625s, top 0.99s 0.0625s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(6) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -30px;
    top: -2px;
    transform: rotate(0deg);
    transition: left -0.14s 0.075s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.075s, top 0.99s 0.075s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(7) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -36px;
    top: -8px;
    transform: rotate(0deg);
    transition: left 1.21s 0.0875s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.0875s, top 0.99s 0.0875s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(8) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -38px;
    top: 0px;
    transform: rotate(0deg);
    transition: left 0.87s 0.1s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.1s, top 0.99s 0.1s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(9) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -16px;
    top: 5px;
    transform: rotate(0deg);
    transition: left 0.3s 0.1125s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.1125s, top 0.99s 0.1125s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(10) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 9px;
    top: 1px;
    transform: rotate(0deg);
    transition: left -0.05s 0.125s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.125s, top 0.99s 0.125s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(11) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -8px;
    top: -8px;
    transform: rotate(0deg);
    transition: left 0.85s 0.1375s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.1375s, top 0.99s 0.1375s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(12) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -7px;
    top: 6px;
    transform: rotate(0deg);
    transition: left 1.39s 0.15s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.15s, top 0.99s 0.15s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(13) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -36px;
    top: 8px;
    transform: rotate(0deg);
    transition: left -0.05s 0.1625s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.1625s, top 0.99s 0.1625s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(14) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -25px;
    top: -3px;
    transform: rotate(0deg);
    transition: left 0.13s 0.175s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.175s, top 0.99s 0.175s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(15) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -25px;
    top: -3px;
    transform: rotate(0deg);
    transition: left 0.44s 0.1875s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.1875s, top 0.99s 0.1875s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(16) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -35px;
    top: -8px;
    transform: rotate(0deg);
    transition: left 0.87s 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.2s, top 0.99s 0.2s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(17) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -10px;
    top: -7px;
    transform: rotate(0deg);
    transition: left -0.19s 0.2125s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.2125s, top 0.99s 0.2125s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(18) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -12px;
    top: 6px;
    transform: rotate(0deg);
    transition: left 1.18s 0.225s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.225s, top 0.99s 0.225s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(19) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 6px;
    top: 0px;
    transform: rotate(0deg);
    transition: left -0.28s 0.2375s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.2375s, top 0.99s 0.2375s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(20) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 2px;
    top: 4px;
    transform: rotate(0deg);
    transition: left -0.07s 0.25s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.25s, top 0.99s 0.25s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(21) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -25px;
    top: -5px;
    transform: rotate(0deg);
    transition: left 0.26s 0.2625s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.2625s, top 0.99s 0.2625s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(22) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -6px;
    top: -6px;
    transform: rotate(0deg);
    transition: left 0.23s 0.275s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.275s, top 0.99s 0.275s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(23) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -32px;
    top: -8px;
    transform: rotate(0deg);
    transition: left -0.18s 0.2875s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.2875s, top 0.99s 0.2875s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(24) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -12px;
    top: 1px;
    transform: rotate(0deg);
    transition: left 1.3s 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.3s, top 0.99s 0.3s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(25) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 9px;
    top: -4px;
    transform: rotate(0deg);
    transition: left -0.14s 0.3125s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.3125s, top 0.99s 0.3125s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(26) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -18px;
    top: -2px;
    transform: rotate(0deg);
    transition: left 1.25s 0.325s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.325s, top 0.99s 0.325s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(27) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -28px;
    top: 9px;
    transform: rotate(0deg);
    transition: left 1.35s 0.3375s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.3375s, top 0.99s 0.3375s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(28) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -1px;
    top: -7px;
    transform: rotate(0deg);
    transition: left 1.38s 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.35s, top 0.99s 0.35s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(29) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -30px;
    top: 7px;
    transform: rotate(0deg);
    transition: left 0.93s 0.3625s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.3625s, top 0.99s 0.3625s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(30) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 2px;
    top: 3px;
    transform: rotate(0deg);
    transition: left 0.6s 0.375s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.375s, top 0.99s 0.375s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(31) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -6px;
    top: 9px;
    transform: rotate(0deg);
    transition: left 0.4s 0.3875s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.3875s, top 0.99s 0.3875s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(32) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 4px;
    top: 7px;
    transform: rotate(0deg);
    transition: left 0.03s 0.4s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.4s, top 0.99s 0.4s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(33) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -3px;
    top: 0px;
    transform: rotate(0deg);
    transition: left 0.48s 0.4125s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.4125s, top 0.99s 0.4125s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(34) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -14px;
    top: 7px;
    transform: rotate(0deg);
    transition: left 0.63s 0.425s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.425s, top 0.99s 0.425s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(35) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -33px;
    top: 9px;
    transform: rotate(0deg);
    transition: left 0.6s 0.4375s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.4375s, top 0.99s 0.4375s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(36) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -35px;
    top: 6px;
    transform: rotate(0deg);
    transition: left -0.08s 0.45s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.45s, top 0.99s 0.45s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(37) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -7px;
    top: -1px;
    transform: rotate(0deg);
    transition: left 1.21s 0.4625s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.4625s, top 0.99s 0.4625s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(38) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 4px;
    top: 8px;
    transform: rotate(0deg);
    transition: left 0.94s 0.475s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.475s, top 0.99s 0.475s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(39) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: 4px;
    top: 7px;
    transform: rotate(0deg);
    transition: left 0.15s 0.4875s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.4875s, top 0.99s 0.4875s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

body .ui_inner .ui_inner__slider .slide_inner__right .add .firework_part:nth-of-type(40) {
    background: #de467c;
    height: 5px;
    width: 5px;
    opacity: 0;
    left: -32px;
    top: 2px;
    transform: rotate(0deg);
    transition: left 1.23s 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s 0.5s, top 0.99s 0.5s cubic-bezier(0.33, 1, 0.32, 1), opacity 0.3s 0.2s;
}

@-webkit-keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* ============================Cursos=============================== */
.cursos {
    text-align: center;
    margin-top: 110px !important;
    padding: 0px;
}

.cursos .titleCursos {
    color: var(--myColor);
    background-color: transparent;
}

.cursos h5 {
    color: var(--myColorText);
}

.cursos p {
    max-width: 1000px;
    padding: 10px;
}

.cursoBody {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pataCurso {
    background: linear-gradient(to right,
            transparent 20%,
            transparent 20% 47.5%,
            #828282 47.5% 52.5%,
            transparent 52.5% 80%,
            transparent 80%);

}

.cardCurso {
    max-width: 300px;
    height: auto;
    margin: 30px;
    padding: 20px;
    text-align: justify;
    border-radius: 30px;
    border: blue 5px solid;
    box-shadow: inset 0 0 0 5px white, 8px 8px 20px rgba(0, 0, 0, .5);
    background-color: blue;
    color: white;
}

.cardCurso img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.cursos h2 {
    text-align: center;
    background-color: rgb(248, 242, 245);
    color: rgb(16, 15, 15);
    border-radius: 10px;
    padding: 10px;
}

.cardCurso p {
    border-radius: 10px;
    padding: 5px;
}

.cardCurso a {
    clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
    text-decoration: none;
    background-color: white;
    color: black;
    padding: 20px;
}

.cursoParrafoFinal {
    color: var(--myColorText);
}

/* ================================misión-Vision============================ */
.misionVision h2 {
    text-align: center;
    color: var(--myColor);
}

.misionVision .bodyMisionVision {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.containerMisionVision {
    max-width: 500px;
    margin: 20px;
    padding: 10px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.bodyMisionVision .containerMisionVision img {
    width: 100%;
    height: auto;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.bodyMisionVision .containerMisionVision p {
    text-align: justify;
    color: var(--myColorText);
}
/* ==================================Conos============================ */
.conos{
    max-width: 100%;
    height: 100px;
    background-image: url(img/conos.webp);
    background-position: center;
    background-size: contain;
    /* margin-top: 300px; */
}
/* ==============================Vehículos=========================== */
.vehiculo {
    margin-top: 150px;
    text-align: center;
    color: var(--myColorText);
    padding-top: 50px;
}

.vehiculo h2,
h3 {
    color: var(--myColor);
}

.vehiculo p {
    padding: 10px;
    max-width: 1000px;
    min-width: 300px;
    text-align: justify;
    margin: auto;
}

.vehiculoCard {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.carCard {
    margin: 10px;
    border-radius: 10px;
    border: rgba(220, 92, 5, 1) 5px solid;
    box-shadow: inset 0 0 0 5px black, 8px 8px 20px rgba(0, 0, 0, .5);
    background-color: rgba(220, 92, 5, 1);
}

.carCard img {
    max-width: 300px;
    height: auto;
    margin: auto;
    text-align: center;
}

.carCard p {
    max-width: 600px;
    min-width: 300px;
    margin: auto;
    text-align: justify;
    padding: 15px;
}

/* ===============================porqueElegirnos===================== */
.bodyPorqueElegirnos {
    text-align: center;
    padding-top: 10px;
    /* padding-bottom: 100px; */
}

.bodyPorqueElegirnos h2 {
    color: var(--myColor);
}

.bodyPorqueElegirnos p {
    max-width: 1000px;
    /* min-width: 300px; */
    text-align: justify;
    margin: auto;
    padding: 15px;
}

.pataSeñal {
    background: linear-gradient(to right,
            transparent 20%,
            rgb(42, 40, 40) 20% 25%,
            transparent 25% 75%,
            rgb(42, 40, 40) 75% 80%,
            transparent 80%);
}

.porqueElegirnos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.cardPorqueElegirnos {
    margin: 10px;
    border: green 5px solid;
    box-shadow: inset 0 0 0 3px white, 8px 8px 20px rgba(0, 0, 0, .5);
    padding: 30px;
    border-radius: 10px;
    max-width: 500px;
    max-height: auto;
    background-color: green;
    color: white;
}

.parrafoPorqueElegirnos {
    color: var(--myColorText);
}

/* ===========================ExamenMedicos============================== */
.sesionExamenMedico {
    position: relative;
    text-align: center;
    background-image: url(img/papelquirurgicogrande.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: rgb(80, 78, 78);
    padding: 30px;
}

.sesionExamenMedico p {
    max-width: 800px;
    margin: auto;
}

.sesionExamenMedico .examenMedico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sesionExamenMedico .examenMedico .cardMedico {
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    width: 300px;
    height: 250px;
    padding: 10px;
    text-align: center;
    background-image: url(img/ruidoImg.webp);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

/* ///////////////////////////////conoceNuestroEquipo////////////////// */
.titleEquipo {
    text-align: center;
    font-size: 40px;
    color: var(--myColor);
}
@media (max-width:768px) {
    .titleEquipo {
        font-size: 20px;
    }
}
.image-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.img-wrapper {
    margin: 30px;
    width: 300px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.img-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 180%;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .3);
    z-index: 1;
    transform: skew(45deg);
    transition: .5s;
}

.img-wrapper:hover:before {
    left: -180%;
}

.img-wrapper img {
    height: 400px;
    width: 300px;
    filter: grayscale(100%);
    transition: 2s;
    border-radius: 30px;
}

.img-wrapper:hover img {
    filter: grayscale(0%);
    transform: scale(1.1);
}

.img-wrapper h2 {
    background: var(--myColor);
    font-family: Poppins;
    color: var(--mycolorTextClaro);
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: perspective(400px) rotateY(90deg);
    transform-origin: right;
    transition: 1s;
}

.img-wrapper:hover h2 {
    transform: perspective(400px) rotateY(0deg);
}

.img-wrapper ul {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(255, 255, 255, 0);
}

.img-wrapper ul li {
    background: #333;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    transform: perspective(800px) rotateY(90deg);
    transition: .5s;
    transform-origin: left;
}

.img-wrapper:hover ul li {
    transform: perspective(800px) rotateY(0deg);
}

.img-wrapper:hover ul li:nth-child(1) {
    transition-delay: .2s;
}

.img-wrapper:hover ul li:nth-child(2) {
    transition-delay: .6s;
}

.img-wrapper:hover ul li:nth-child(3) {
    transition-delay: .8s;
}

.img-wrapper:hover ul li:nth-child(4) {
    transition-delay: 1s;
}

.img-wrapper ul li a {
    color: green;
    background: rgba(255, 255, 255, 0);
}

.img-wrapper ul li i {
    color: #f70485;
    background: rgba(255, 255, 255, 0);
}

.img-wrapper ul li i:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0);
}

/* ////////////////////////////////////////////////////////////////////
//////////////////////testimonios//////////////////////////////////
////////////////////////////////////////////////////////////////// */

.testimonios h2 {
    text-align: center;
    padding: 30px;
    color: var(--myColor);

}

.testimonios .slider-wrap {
    max-width: 100%;

}

.testimonios .slider-wrap .sliderT {
    position: relative;
    width: 50%;
    left: 25%;
    top: 50px;
    text-align: center;

}

.testimonios .slider-item {
    width: 530px;
    padding: 20px 0 25px 30px;
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    opacity: 0;
    z-index: 0;
    box-shadow: 0 4px 9px #f1f1f4;
    position: absolute;
    left: 0;
    top: 0;
}

.testimonios .slider-item .animation-card_image {
    max-width: 60px;
    max-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 4px 9px rgba(241, 241, 244, 0.72);
    background-color: #ffffff;
}

.testimonios .slider-item .animation-card_image img {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonios .slider-item .animation-card_content {
    width: 100%;
    max-width: 374px;
    margin-left: 26px;
}

.testimonios .slider-item .animation-card_content .animation-card_content_title {
    color: #4a4545;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.18px;
    line-height: 24px;
    margin: 0;
}

.testimonios .slider-item .animation-card_content .animation-card_content_description {
    color: #696d74;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 24px;
    margin: 10px 0 0 0;
}

.testimonios .slider-item .animation-card_content .animation-card_content_city {
    font-size: 11px;
    margin: 10px 0 0 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #696d74;
}

/* ////////////////////////////////////////////////////////////////////
//////////////////////testimonios//////////////////////////////////
////////////////////////////////////////////////////////////////// */
@media (max-width:968px) {

    .testimonios .slider-wrap .sliderT {
        position: relative;
        width: 92%;
        left: 0px;
    }

    .testimonios .slider-item {
        width: 75%;
    }

    .vehiculo {
        margin-top: 0px;
    }

    .carCard img {
        display: block;
    }
}

@media (max-width:767px) {
    .ui {
        display: none;
    }

    .cursos {
        margin-top: 0px;
    }
    .testimonios h2 {
      font-size: 20px;
      padding: 0px;
    
    }
}

/* ///////////////////////////sedes/////////////////////////////////// */
.sede {
    margin-top: 100px;
    text-align: center;
    padding: 50px;
    color: var(--myColor);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.sede p {
    color: var(--myColorText);
}

.sede h1 {
    font-size: 30px;
}
@media (max-width:768px) {
    .sede h1 {
        font-size: 20px;
        margin-top: 20px;
    }
}
/* //////////////////////////////////ubicación///////////////////////////// */
.bodyUbicacion .cardUbicacion {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    color: var(--myColor);
}

.bodyUbicacion .cardUbicacion .containerUbicacion {
    max-width: 500px;
    max-height: auto;
    padding: 20px;
    margin: 20px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.bodyUbicacion .cardUbicacion .containerUbicacion p {
    text-align: justify;
    color: var(--myColorText);
}

.bodyUbicacion .cardUbicacion .containerUbicacion img {
    width: 100%;
}

.ubicacion iframe {
    max-width: 100%;
    height: 80vh;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 3px 5px 10px black;
    background-color: black;
}

/* ///////////////////////////////botonFlotanteWhatsApp/////////////////////////// */
#WhatsApp a {
    position: fixed;
    bottom: 13%;
    right: 2%;
    z-index: 1;
}

#WhatsApp img {
    max-width: 100px;
}

.llamar{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 900;
  position: fixed;
  bottom: 0px;
  background-color:#00bb2d ;
  border-radius:20px;
}
.llamar a{
  text-decoration: none;
  font-weight: 500;
  color: #fff;
}
.llamar img{
  border-radius: 20px;
}

/* //////////////////////////////////////botonRedesSociales///////////////////////// */
svg {
    position: absolute;
}

.demo {
    position: fixed;
    bottom: 17%;
    left: 100px;
    z-index: 1;
}

.demo__buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    transform: translate(-100px, -100px);
    filter: url("#goo");
}

.demo .demo__social-btn a img {
    color: white;

}

.demo__buttons.step-0 .demo__social-btn-1,
.demo__buttons.step-0 .demo__social-btn-2,
.demo__buttons.step-0 .demo__social-btn-3,
.demo__buttons.step-0 .demo__social-btn-4 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-1 .demo__social-btn-1 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-1 .demo__social-btn-2,
.demo__buttons.step-1 .demo__social-btn-3,
.demo__buttons.step-1 .demo__social-btn-4 {
    transform: translate3d(-50px, 50px, 0);
}

.demo__buttons.step-2 .demo__social-btn-1 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-2 .demo__social-btn-2 {
    transform: translate3d(-50px, 50px, 0);
}

.demo__buttons.step-2 .demo__social-btn-3,
.demo__buttons.step-2 .demo__social-btn-4 {
    transform: translate3d(50px, 50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-1 {
    transform: translate3d(-50px, -50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-2 {
    transform: translate3d(-50px, 50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-3 {
    transform: translate3d(50px, 50px, 0);
}

.demo__buttons.step-3 .demo__social-btn-4 {
    transform: translate3d(50px, -50px, 0);
}

.demo__social-btn {
    position: absolute;
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    background: var(--myColor);
    color: #261758;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.demo__social-btn:hover {
    color: #106279;
    box-shadow: 0 0 15px yellow;
}

.demo__open-btn {
    position: absolute;
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 700;
    font-size: 30px;
    font-family: sans-serif;
    background: var(--myColor);
    color: white;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.demo__open-btn:hover {
    color: black;
    box-shadow: 0 0 15px yellow;
}

.about-me {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: yellow;
    font-family: Roboto, Arial, sans-serif;
}

.about-me a {
    color: yellow;
}

.about-me a:hover {
    color: #6666ff;
}

/* /////////////////////////////footer///////////////////////////// */
footer .bodyFooter {
    padding: 20px;
    text-align: center;
    background-image: url(img/asfalto.webp);
    color: yellow;
    position: relative;
    top: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 3px dashed yellow;
}

footer a img {
    background-color: white;
    border-radius: 5px;
    padding: 5px;
}

footer .enlaces h2 {
    color: yellow;
}



footer .carFooter {
    max-width: 500px;
    margin: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    background-color: white;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

footer .carFooter a {
    text-decoration: none;
    margin: 10px;
    border-radius: 5px;
    color: rgb(30, 5, 5);
    text-decoration: none;
    text-align: center;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    transition-delay: 0.1s;

}

footer .carFooter a:hover {
    background: var(--myColor);
}

footer .carFooter ul,
footer .carFooter li {
    list-style: none;
    color: var(--myColor);
}

footer .footerFin {
    max-width: 500px;
    margin: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    background-color: white;
    color: #000000;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

footer .footerFin .logo1 img {
    width: 150px;
}

footer .footerFin .AntonioGoez {
    text-decoration: none;
    background-color: #000000;
    color: yellow;
    padding: 5px;
    border-radius: 5px;
    font-family: sans-serif;
}

footer .footerFin .AntonioGoez:hover {
    color: green;
}

footer .footerFin .AntonioGoez span {
    color: red;
}