.img-test-button {
    width: 340px;
}

.subrayado{
    color: red;
    position: relative;
    z-index: 99999;
    width: 280px;
    border: 4px solid;
    margin-bottom: -45px;
}

.portada-title-tiktok{
    letter-spacing: 1px; 
    line-height: 60px;
}

.block2 {
    border: 6px solid #3ae3d0;
    border-radius: 40px;
    background-color: #1c1c1c;
}

@font-face {
    font-family: "HeyAugust";
    src: url("../HeyAugust.otf");
}

/*fuentes*/
.heyaugust {
    font-family: "HeyAugust";
}

.montserrat {
    font-family: montserrat;
}

.neue {
    font-family: "Bebas Neue" !important;
}

.opensans{
    font-family: 'Open Sans', sans-serif;
}

.roboto{
    font-family: 'Roboto', sans-serif;
}

/*EDN Fuentes*/
.remh5 {
    font-size: 1.2rem;
}

.m1 {
    margin-bottom: -10px;
}

/*Tamaņo de Letras*/
.font-14 {
    font-size: 14px;
}

.font-14-600 {
    font-size: 14px;
    font-weight: 600;
}

.font-18-500 {
    font-size: 18px;
    font-weight: 500;
}

.font-20 {
    font-size: 20px;
}

.font-22-500 {
    font-size: 22px;
    font-weight: 500;
}

.canto-b5 p {
    font-size: 25px;
    font-weight: 500;
}

.font-25 {
    font-size: 25px;
}

.font-25-500 {
    font-size: 25px;
    font-weight: 500;
}

.font-25-700 {
    font-size: 25px;
    font-weight: 700;
}

.font-35 {
    font-size: 35px;
}

.font-35-800 {
    font-size: 35px;
    font-weight: 800;
}

.font-40 {
    font-size: 40px;
}

.font-40-800 {
    font-size: 40px;
    font-weight: 800;
}

.font-45-900 {
    font-size: 45px;
    font-weight: 900;
}

.font-50 {
    font-size: 50px;
}

.font-50-900 {
    font-size: 50px;
    font-weight: 900;
}

.font-60 {
    font-size: 60px;
}

.font-60-400{
    font-size: 60px;
    font-weight: 400;
}

.font-70 {
    font-size: 70px;
}

.font-80 {
    font-size: 80px;
}

/*END Tamaņo de Letras*/

@media all and (max-width: 1600px) {
    .font-45-900{
        font-size: 30px;
    }

    .font-60{
        font-size: 45px;
    }

    .portada-title-tiktok{
        line-height: 45px;
    }
}

/*Tamaņo de fuentes movil*/
@media all and (max-width: 580px) {


    .m1 {
        margin-bottom: 0px;
    }

    .font-22-500 {
        font-size: 16px;
    }

    .font-25 {
        font-size: 18px;
    }

    .font-25-700 {
        font-size: 20px;
    }

    .font-35 {
        font-size: 20px;
    }

    .font-35-800 {
        font-size: 20px;
        font-weight: 800;
    }

    .font-40 {
        font-size: 35px;
    }

    .font-40-800 {
        font-size: 25px;
    }

    .font-45-900 {
        font-size: 30px;
        font-weight: 900;
    }

    .font-50 {
        font-size: 30px;
    }

    .font-50-900 {
        font-size: 40px;
    }

    .font-60 {
        font-size: 30px;
    }

    .font-60-400{
        font-size: 35px;
        font-weight: 400;
    }

}

/*End Tamaņo de fuentes movil*/

.red {
    background-image: url(../images/redback.jpg);
}

.blue {
    background-image: url(../images/blueback.jpg);
}

.black {
    background-image: url(../images/blackback.jpg);
}

.lh-1 {
    line-height: 1;
}

.precio {
    width: 300px;
}

.cursor {
    cursor: pointer;
}

/*COSTURA*/

.costura-b1 {
    background-image: url(../images/background-1.png);
    background-size: cover;
    height: 100vh;
}

.costura-b2 {
    height: 20vh;
    background-color: #685bb2;
}

.costura-b3 {
    background-color: #2b2e38;
}

.costura-b4 {
    background-color: #726994;
}

.costura-b5 {
    background-image: url(../images/background-2.jpg);
    background-size: cover;
}

.costura-portada {
    width: 370px;
}

.costura-empaque {
    width: 610px;
}

.morado {
    color: #685bb2;
}

.lista2 {
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
    background-color: #f0f0f2;
}

.lista2 ul {
    list-style: none;
}

.lista2 li {
    color: #616060;
}

.lista2 li::before {
/*    content: "\2022";
    color: #685bb2;
    display: inline-block;
    padding-right: 10px;
    font-size: 50px;
    line-height: 25px;
    vertical-align: -11px;
    width: 15px;*/
}

/*COSTURA*/

/*CANTAR*/

.purple {
    color: #6e00bc;
}

.frecuentes {
    min-height: 71px;
}

.img-testi {
    width: 140px;
}

.img-garantia {
    width: 210px;
}

.canto-b1 {
    background-image: url(../images/background-1.jpg);
    background-size: cover;
    height: 100vh;
}

.canto-b2 {
    background-image: url(../images/background-4.jpg);
    background-size: cover;
    height: 20vh;
}

.canto-b3 {
    background-image: url(../images/background-2_1.jpg);
    background-size: cover;
    /*    height: 18vh;*/
}

.canto-b4 {
    background-color: #160d33;
    /*    height: 18vh;*/
}

.canto-b5 {
    background-image: url(../images/background-3.jpg);
    background-size: cover;
    /*    height: 18vh;*/
}

.canto-b6 {
    background-color: #111111;
}

.canto-b7 {
    background-color: #160d33;
}

.canto-b8 {
    background-color: #6e00bc;
}

.canto-b9 {
    background-color: #160d33;
}

.lista {
    background: rgb(127, 0, 255);
    background: linear-gradient(90deg, rgba(127, 0, 255, 1) 0%, rgba(0, 113, 188, 1) 100%);
    border-radius: 15px;
    padding: 10px;
}

.lista ul {
    /*  list-style: none;*/
}

.lista span {
    font-weight: 900;
    font-size: 22px;
    font-family: montserrat;
}

/*END CANTAR*/

/*TEST*/

#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}

#clockdiv > div {
    padding: 10px;
    border-radius: 3px;
    background: #00bf96;
    display: inline-block;
}

#clockdiv div > span {
    padding: 15px;
    border-radius: 3px;
    background: #00816a;
    display: inline-block;
}

.smalltext {
    padding-top: 5px;
    font-size: 16px;
}

/*TEST*/

/* Principal */
.prin1-background {
    background-image: url(../images/fondo-p-3.jpg);
    background-position: center center;
    background-size: cover;
}

.prin-background {
    background-image: url(../images/herramientas-banner-principal.jpg);
    background-position: center center;
    background-size: cover;
}

.prin-background2 {
    background-image: url(../images/fondo-p-3.jpg);
    background-position: center center;
    background-size: cover;
}

.prin-back1 {
    background-image: url(../images/fondo-5.jpg);
    background-position: center center;
    background-size: cover;
}

.tools {
    width: 95%;
    min-height: 310px;
    max-height: 310px;
}

.curso-img {
    width: 400px;
    border-radius: 10px;
}

.btn-buy {
    color: white;
    border-radius: 30px;
    font-size: 20px;
    padding: 10px 30px;
    font-family: montserrat;
    background: #ffb000;
    font-weight: 800;
}

.btn-vis {
    border-radius: 30px;
    width: 140px;
    padding: 7px;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    color: white;
    background: #ffb000;
}

.prin-t {
    font-size: 42px;
    color: #ffb000;
    font-family: Montserrat;
    font-weight: 800;
}

.prin-tw {
    font-size: 42px;
    font-family: Montserrat;
    font-weight: 800;
}

.prin-t2 {
    font-family: montserrat;
    font-weight: 900;
    font-size: 28px;
}

.print-t3 {
    color: #ffb000;
    font-size: 50px;
    font-family: Montserrat;
    font-weight: 900;
}

.print-t4 {
    font-family: montserrat;
    font-weight: 800;
    font-size: 24px;
}

.redes-sociales li i {
    font-size: 30px;
    color: white;
}

.prin-p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

.prin-p2 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 22px;
    line-height: 20px;
}

@media all and (max-width: 580px) {
    .prin-background {
        background-image: inherit;
        background-color: #21385a;
    }
}

/* End Principal */

/* TikTok*/

.descuento {
    background: #ee1e52;
}

.recuadrom {
    border: 6px solid #3ae3d0;
    border-radius: 40px;
    width: 98%;
    background-color: #1c1c1c;
}

.recuadrom ul li {
    width: 98%;
}

.descuesnto-title {
    font-size: 55px;
    color: white;
    font-weight: 600;
    font-family: "Bebas Neue";
}

.descuento-parrafo {
    color: white;
    font-weight: 600;
    font-family: Montserrat;
    margin-top: -10px;
}

.descuento-2-title {
    font-family: "Bebas Neue";
    font-size: 70px;
    line-height: 70px;
}

.descuento-2-parrafo {
    font-family: "Bebas Neue";
    color: #ffce00;
    font-size: 50px;
    /* margin-top: -20px;*/
}

.tiktok-background-1 {
    background-image: url(../images/fondo-1.jpg);
    background-size: cover;
}

.tiktok-background-2 {
    background-color: #333333;
    /*background-image: url(https://cdn.msclics.com/assets/prod/44/tiktok/fondo-2.jpg);*/
    background-size: cover;
}

.tiktok-background-3 {
    background-color: #333333;
}

.tiktok-background-4 {
    /*background-image: url(https://cdn.msclics.com/assets/prod/44/tiktok/fondo-3.jpg);*/
    background: #200454;
    background-size: cover;
}

.tiktok-background-5 {
    /*background-image: url(https://cdn.msclics.com/assets/prod/44/tiktok/fondo-4.jpg);*/
    background: #000;
    background-size: cover;
}

.tiktok-background-6 {
    background-image: url(../images/fondo-6.jpg);
    background-size: cover;
}

.tiktok-background-7 {
    background-image: url(../images/fondo-7.jpg);
    background-size: cover;
}

.tiktok-img {
    width: 80px;
}

.tiktok-img2 {
    width: 110px;
}

.tiktok-logo {
    width: 700px;
}

.sx24 {
    width: 850px;
}

.block {
    border: 6px solid #3ae3d0;
    border-radius: 40px;
    background-color: #1c1c1c;
}

.block ul {
    /*  list-style: none;*/
}

.rose {
    color: #ee1d52;
}

.cian {
    color: #3ae3d0;
}

.yellow {
    color: #ffce00;
}

/*End Tik Tok*/

.black-content {
    /*height: 60px;*/
    display: flex;
    align-items: center;
}

.black-content-init {
    height: 60px;
    display: flex;
    align-items: center;
}

.black-master {
    height: 75px;
}

.red-confirmacion {
    height: 92vh;
}

.black-confirmacion {
    height: 8vh;
}

.v {
    display: flex;
    align-items: center;
}

.vh {
    height: 100vh;
}

.marco {
    border: 7px solid rgb(2, 48, 73);
}

.video {
    margin: 0 auto;
    width: 800px;
    height: 450px;
}

.video2 {
    width: 543px;
    height: 312px;
}

.video3 {
    width: 540px;
    height: 320px;
}

@media all and (max-width: 1024px) {
    .video {
        width: inherit;
        height: inherit;
        /*border: inherit;*/
        margin: inherit;
    }

    .video2 {
        width: inherit;
        height: inherit;
    }

    .video3 {
        width: inherit;
        height: auto;
    }

    .p50 {
        font-size: 40px;
    }

    .red-confirmacion {
        height: inherit;
    }

    .black-confirmacion {
        height: inherit;
    }
}

.targe {
    width: 303px;
}

.simbol {
    width: 75px;
}

.logo {
    width: 321px;
}

.logohot {
    width: 250px;
}

.logomaster {
    width: 321px;
}

.key {
    width: 33px;
    height: 48px;
}

.logomini {
    width: 192px;
}

.logoxpeke {
    width: 170px;
}

.arrow {
    width: 339px;
}

.img-border {
    border-radius: 5px;
}

.person {
    width: 600px;
}

.spam {
    font-family: Montserrat, Tahoma, sans-serif;
    font-weight: 700;
    color: rgb(255, 176, 0);
}

.light {
    font-size: 40px;
    font-family: Montserrat, Tahoma, sans-serif;
    color: white;
}

.ant-mini {
    line-height: 0.9;
}

.mini {
    font-size: 13px;
}

.p13 {
    font-size: 13px;
}

.p16 {
    font-size: 16px;
    font-family: Montserrat, Tahoma, sans-serif;
}

.p24 {
    font-size: 24px;
    font-family: Montserrat, Tahoma, sans-serif;
}

.p40 {
    font-family: Montserrat, Tahoma, sans-serif;
    font-size: 40px;
    margin-bottom: 0px;
}

.p50 {
    font-size: 50px;
}

.p60 {
    font-size: 60px;
}

.aviso {
    line-height: 12px;
    font-size: 12px;
}

p {
    vertical-align: baseline;
}

.title {
    line-height: 45px;
}

.sub-title {
    line-height: 30px;
}

.line {
    line-height: 1.1;
}

.center {
    margin: 0 auto;
}

.parrafo1 {
    font-family: Montserrat, Tahoma, sans-serif;
    color: white;
    font-size: 18px;
}

.parrafo2 {
    font-family: Montserrat, Tahoma, sans-serif;
    color: white;
    font-size: 16px;
}

.text-content {
    font-family: Montserrat, Tahoma, sans-serif;
    color: white;
    font-size: 16px;
    line-height: 1.2;
}

.minispam {
    color: rgb(255, 176, 0);
    font-weight: bold;
}

.spamd {
    font-weight: bold;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.p25 {
    font-size: 25px;
}

.dani {
    width: 265px;
}

.footer p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.form {
    background: white;
    height: 50px;
    border-radius: 8px;
    border: inherit;
}

.btn-0 {
    font-size: 25px;
    border-radius: 19px;
    padding: 10px 40px;
    font-weight: bold;
    font-family: Montserrat, Tahoma, sans-serif;
}

.btn1 {
    background-color: #c82333 !important;
    background-image: none;
    font-size: 25px;
    color: white;
    border-radius: 19px;
    padding: 10px 40px;
    font-weight: bold;
    font-family: Montserrat, Tahoma, sans-serif;
}

.btn2 {
    background-color: #e20a2d;
    border-radius: 19px;
    width: 230px;
    height: 70px;
    font-size: 20px;
    font-family: Montserrat, Tahoma, sans-serif;
}

.btn3 {
    background-color: #023049;
    font-family: Montserrat, Tahoma, sans-serif;
}

.btn4 {
    background-color: #28a745;
    font-family: Montserrat, Tahoma, sans-serif;
}

.btn5 {
    font-size: 17px;
    padding: 10px 15px;
    background-color: rgb(255, 176, 0);
    border-radius: 19px;
    font-family: Montserrat, Tahoma, sans-serif;
}

.btn-6 {
    color: black;
    font-weight: 800;
    background: #ffce00;
    padding: 5px 30px;
    font-size: 40px;
    font-family: "Bebas Neue";
    border-radius: 30px;
}

.btn-6:hover {
    color: #212529;
    background: white;
    text-decoration: none;
}

.btn-7 {
    color: #fff;
    font-weight: 800;
    padding: 5px 30px;
    font-size: 40px;
    background-color: #c82333;
    border-color: #c82333;
    font-family: "Bebas Neue";
    border-radius: 30px;
}

#countdown {
    background: #c82333;
    width: 12vw;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px;
    color: white;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    width: 100%;
    font-size: 30px;
}

#countdown i {
    font-size: 0.8em;
}

#countdown2 {
    background: #c82333;
    width: 12vw;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px;
    color: white;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    width: 100%;
    font-size: 30px;
}

#countdown2 i {
    font-size: 0.8em;
}

/*test*/

.carta {
    width: 530px;
    height: 600px;
    background: white;
    background-color: #FFFFFF;
    margin: 0 auto;
    border-radius: 8px;
}

.p20 {
    font-size: 20px;
    font-family: Montserrat, Tahoma, sans-serif;
}

/* page confirmacion */

.logoc {
    width: 359px;
}

.number {
    width: 27px;
    height: 67px;
}

.number2 {
    width: 49px;
    height: 71px;
}

.redes {
    width: 41px;
    height: 41px;
}

.redes2 {
    width: 48px;
    height: 34px;
}

.p45 {
    font-size: 45px;
}

.h58 {
    display: none;
}

.h59 {
    display: block;
}

.block1,
.movil {
    display: none;
}

.block1 ul {
    /* list-style: none;*/
}

@media all and (max-width: 580px) {

    .vh-100{
        height: 90vh!important;
    }

    .portada-title-tiktok{
        line-height: 35px!important;
    }

    .block2 {
        width: 90%;
        margin-left: 5%;
    }

    .img-test-button {
        width: 250px;
    }

    .descuesnto-title {
        font-size: 26px;
    }

    .block,
    .desktop {
        display: none;
    }

    .block1,
    .movil {
        display: block;
    }

    /* .block1 ul .tiktok-p3{
        font-size: 15px;
    }*/

/*    .tiktok-background-4 {
        background-image: url(https://cdn.msclics.com/assets/prod/44/tiktok/fondo-4.jpg);
    }*/

    .carta {
        width: 95%;
        height: auto;
    }

    .btn1 {
        font-size: inherit;
        padding: 10px 20px;
    }

    #countdown {
        font-size: inherit;
        font-weight: bold;
    }

    #countdown2 {
        font-size: inherit;
        font-weight: bold;
    }

    /*  .key{
        display: none;
    }*/

    .promo {
        font-size: 40px;
    }

    .promo2 {
        font-size: 35px;
    }

    .black-content {
        /*   height: 110px;*/
    }

    /*text*/

    .footer p {
        font-size: 8px;
    }

    .p20,
    .parrafo1 {
        font-size: 16px;
    }

    .p24 {
        font-size: 18px;
    }

    .p25 {
        font-size: 18px;
    }

    .p40 {
        font-size: 22px;
    }

    .number {
        width: 22px;
        height: 45px;
    }

    .number2 {
        width: 35px;
        height: 45px;
    }

    .p35 {
        font-size: 28px;
    }

    .logoc {
        width: 230px;
    }

    .logohot {
        width: 200px;
    }

    .aviso {
        line-height: 11px;
        font-size: 8px;
    }

    .title {
        line-height: 25px;
    }

    .sub-title {
        line-height: 20px;
    }

    .light {
        font-size: 20px;
    }

    .sub {
        line-height: 18px;
    }

    .logomaster {
        width: 246px;
    }

    .h58 {
        display: block;
    }

    .h59 {
        display: none;
    }

    .p15 {
        font-size: 15px;
    }

    .tiktok-background-2 {
        background-image: inherit;
        background-color: #2d2d2d;
        background-size: cover;
    }

    .tiktok-mv-t {
        font-size: 25px;
    }
}

@media all and (max-width: 374px) {
    .carta {
        height: auto;
    }
}

/* ig */

.logoig {
    width: 218px;
}

.contendorig {
    width: 352px;
    height: 50px;
    border-color: inherit;
    border: none;
    outline: none !important;
}

.contendorig a {
    font-family: Helvetica, Arial, sans-serif !important;
    text-decoration: none;
}

.grups {
    background-color: rgb(35, 48, 73);
    border-radius: 15px;
}

.grups2 {
    background-color: rgb(255, 176, 0);
    border-radius: 15px;
}

@media all and (max-width: 460px) {
    .contendorig {
        width: 300px;
    }

    #webform_preview > form {
        width: 300px !important;
    }

    #webform_preview > form {
        width: 300px !important;
    }

    #c_xxaxb > div > button {
        width: 240px !important;
    }

    #c_xxaxb > div > button {
        width: 240px !important;
    }
}

/* Tel */

.intl-tel-input {
    display: flex;
}

body > div > div > div:nth-child(2) > div > div > div > form > div:nth-child(4) > div {
    width: 100%;
}

body > div > div > div.col-12.red.text-center > div.carta.mt-3.mb-3 > div > form > div:nth-child(4) > div {
    width: 100%;
}

/*test*/

body {
    background-color: #f2f1ed;
}

.wrap {
    /*  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;*/
    height: 100px;
}

a {
    text-decoration: none;
    color: #1a1a1a;
}

h1 {
    margin-bottom: 60px;
    text-align: center;
    font: 300 2.25em "Lato";
    text-transform: uppercase;
}
h1 strong {
    font-weight: 400;
    color: #ea4c4c;
}

h2 {
    margin-bottom: 80px;
    text-align: center;
    font: 300 0.7em "Lato";
    text-transform: uppercase;
}
h2 strong {
    font-weight: 400;
}

.countdown {
    /*  width: 720px;*/
    margin: 0 auto;
}
.countdown .bloc-time {
    float: left;
    margin-right: 35px;
    margin-left: 3px;
    text-align: center;
}
.countdown .bloc-time:last-child {
    margin-right: 0;
}
.countdown .count-title {
    display: block;
    margin-bottom: 15px;
    font: normal 0.94em "Lato";
    color: #1a1a1a;
    text-transform: uppercase;
}
.countdown .figure {
    position: relative;
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 8px;
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown .figure:last-child {
    margin-right: 0;
}
.countdown .figure > span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font: normal 40px "Lato";
    font-weight: 700;
    color: #de4848;
}
.countdown .figure .top:after,
.countdown .figure .bottom-back:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.countdown .figure .top {
    z-index: 3;
    background-color: #f7f7f7;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-transform: perspective(200px);
    -ms-transform: perspective(200px);
    -webkit-transform: perspective(200px);
    transform: perspective(200px);
}
.countdown .figure .bottom {
    z-index: 1;
}
.countdown .figure .bottom:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.02);
}
.countdown .figure .bottom-back {
    z-index: 2;
    top: 0;
    height: 50%;
    overflow: hidden;
    background-color: #f7f7f7;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}
.countdown .figure .bottom-back span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.countdown .figure .top,
.countdown .figure .top-back {
    height: 50%;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.countdown .figure .top-back {
    z-index: 4;
    bottom: 0;
    background-color: #fff;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transform: perspective(200px) rotateX(180deg);
    -ms-transform: perspective(200px) rotateX(180deg);
    -webkit-transform: perspective(200px) rotateX(180deg);
    transform: perspective(200px) rotateX(180deg);
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.countdown .figure .top-back span {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    margin: auto;
}

@media all and (max-width: 580px) {
    .countdown .figure > span {
        font-size: 26px;
    }

    .countdown .figure {
        height: 35px;
        width: 35px;
    }

    .countdown .bloc-time {
        margin-right: 25px;
    }
}

@media all and (max-width: 375px) {
    .countdown .bloc-time {
        margin-right: 10px;
    }

    .countdown .figure{
        margin-right: 6px;
    }
}

@media all and (max-width: 320px) {
    .countdown .figure {
        height: 29px;
        width: 29px;
    }

    .countdown .bloc-time {
        margin-right: 10px;
    }

    .countdown .count-title {
        font-size: 13px;
    }

    .countdown .figure{
        margin-right: 4px;
    }
}