/* Import Proxima Nova A Cond Black */
@font-face {
    font-family: 'ProximaNovaACondBlack';
    src: url('../fonts/ProximaNovaACondBlack/font.woff2') format('woff2'),
         url('../fonts/ProximaNovaACondBlack/font.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}  

/* Import Proxima Nova A Cond Bold */
@font-face {
    font-family: 'ProximaNovaACondBold';
    src: url('../fonts/ProximaNovaACondBold/font.woff2') format('woff2'),
         url('../fonts/ProximaNovaACondBold/font.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* Import Proxima Nova A Cond Extrabld */
@font-face {
    font-family: 'ProximaNovaACondExtrabld';
    src: url('../fonts/ProximaNovaACondExtrabld/font.woff2') format('woff2'),
         url('../fonts/ProximaNovaACondExtrabld/font.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

/* Import Proxima Nova A Cond Medium */
@font-face {
    font-family: 'ProximaNovaACondMedium';
    src: url('../fonts/ProximaNovaACondMedium/font.woff2') format('woff2'),
         url('../fonts/ProximaNovaACondMedium/font.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

/* Import Proxima Nova A Cond Regular */
@font-face {
    font-family: 'ProximaNovaACondRegular';
    src: url('../fonts/ProximaNovaACondRegular/font.woff2') format('woff2'),
         url('../fonts/ProximaNovaACondRegular/font.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* Import Proxima Nova A Cond Semibold */
@font-face {
    font-family: 'ProximaNovaACondSemibold';
    src: url('../fonts/ProximaNovaACondSemibold/font.woff2') format('woff2'),
         url('../fonts/ProximaNovaACondSemibold/font.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


/* ---------- fonts ---------- */
.f-black {
    font-family: 'ProximaNovaACondBlack', sans-serif;
}

.f-bold {
    font-family: 'ProximaNovaACondBold', sans-serif;
}

.f-extrabld {
    font-family: 'ProximaNovaACondExtrabld', sans-serif;
}

.f-medium {
    font-family: 'ProximaNovaACondMedium', sans-serif;
}

.f-regular {
    font-family: 'ProximaNovaACondRegular', sans-serif;
}

.f-semibold {
    font-family: 'ProximaNovaACondSemibold', sans-serif;
}

/* -------------------- */
body {
    font-family: 'ProximaNovaACondRegular', sans-serif;
    color: #000;
}
html, body {
    overflow-x: hidden;
}

/* size */
.size-90 {
    font-size: 90px;
}
.size-100 {
    font-size: 100px;
}
.size-80 {
    font-size: 80px;
}
.size-45 {
    font-size: 45px;
}
.size-40 {
    font-size: 40px;
}
.size-50 {
    font-size: 50px;
}
.size-30 {
    font-size: 30px;
}
.size-24 {
    font-size: 24px;
}
.size-19 {
    font-size: 19px;
}
.size-21 {
    font-size: 21px;
}
.size-20 {
    font-size: 20px;
}
.size-16 {
    font-size: 16px;
}
.size-60 {
    font-size: 60px;
}
.size-22 {
    font-size: 22px;
}
sup {
    font-size: 20px;
}
/* colors */
.c-red {
    color: #EC101A;
}

/* spacing */
.pt-44 {
    padding-top: 44px;
}
.pt-100 {
    padding-top: 100px;
}
.pt-60 {
    padding-top: 60px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-130 {
    margin-top: 130px;
}
.g-20 {
    gap: 20px;
}
.g-50 {
    gap: 50px;
}
/*  */

/* header {
    background: url(../img/fundal-new3.png);
    background-size: cover;

} */


/*  */
.left-bullet {
    background: #fff;
    margin: 0;
    border-radius: 20px;
    padding: 15px 25px 0 25px;
}

.right-bullet {
    background: url(../img/umbrela.png) center center / cover no-repeat;
    background-color: transparent;
    width: 139px;
    height: 138px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-align: center;
    padding: 6px;
    margin-left: auto;
}

.right-bullet p {
    margin: 0;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-family: 'ProximaNovaACondBlack', sans-serif;
    transform: rotate(-10deg);

    text-shadow:
    /* strat 1 (2px) */
    -2px -2px 0 #32c6cf,
     2px -2px 0 #32c6cf,
    -2px  2px 0 #32c6cf,
     2px  2px 0 #32c6cf,
    -2px  0px 0 #32c6cf,
     2px  0px 0 #32c6cf,
     0px -2px 0 #32c6cf,
     0px  2px 0 #32c6cf,
  
    /* strat 2 (3px) */
    -3px -3px 0 #32c6cf,
     3px -3px 0 #32c6cf,
    -3px  3px 0 #32c6cf,
     3px  3px 0 #32c6cf,
    -3px  0px 0 #32c6cf,
     3px  0px 0 #32c6cf,
     0px -3px 0 #32c6cf,
     0px  3px 0 #32c6cf,
  
    /* strat 3 (4px) */
    -4px -4px 0 #32c6cf,
     4px -4px 0 #32c6cf,
    -4px  4px 0 #32c6cf,
     4px  4px 0 #32c6cf,
    -4px  0px 0 #32c6cf,
     4px  0px 0 #32c6cf,
     0px -4px 0 #32c6cf,
     0px  4px 0 #32c6cf;
}


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

.discount-sub {
    font-size: 20px;
    text-transform: uppercase;
}


.text-big {
    font-size: 170px;
    color: white; 
    -webkit-text-stroke: 6px #000; 
    font-weight: bold;
}


/* button */
.red-btn {
    position: relative;
    display: flex;
    font-family: 'ProximaNovaACondBold', sans-serif;
    text-transform: uppercase;
    padding: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    background-color: #ee2545;
    border-radius: 15px;
    text-decoration: none;
    z-index: 1;
    transition: all 0.3s;
    justify-content: center;
    align-items: center;
    gap: 20px;
    line-height: 1.1;
    max-width: 270px;
}
.red-btn:hover {
    background-color: #fa1035;
}
.border-80 {
    border-radius: 80px;
}
.blue-btn {
    position: relative;
    display: flex;
    font-family: 'ProximaNovaACondBold', sans-serif;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    background-color: #1e5bc6;
    border-radius: 15px;
    text-decoration: none;
    z-index: 1;
    transition: all 0.3s;
    justify-content: center;
    align-items: center;
    gap: 20px;
    line-height: 1.1;
    max-width: 270px;
}
.blue-btn:hover {
    background-color: #1d6af3;
}
.custom-button {
    position: relative;
    display: inline-block;
    font-family: 'ProximaNovaACondExtrabld', sans-serif;
    padding: 20px 35px 25px 35px;
    font-size: 28px;
    font-weight: bold;
    color: #EC101A;
    background-color: black;
    border-radius: 20px;
    text-decoration: none;
    z-index: 1;
    transition: all 0.3s;
}

.custom-button::after {
    content: '';
    position: absolute;
    top: -8px;    
    left: -8px;   
    right: 8px;  
    bottom: 8px;  
    background-color: white;
    border-radius: 20px;
    z-index: -1;
    transition: all 0.3s;
}

.custom-button:hover {
    transform: translateY(-2px);
}

.custom-button:hover::after {
    top: -5px;    
    left: -5px;  
    right: 5px;   
    bottom: 5px;  
}
/*  */


/* carousel global */
.owl-carousel .owl-item img {
    display: block;
    width: unset;
    margin: auto;
}
.custom-item {
    max-width: 100%;
    margin: auto;
}
.owl-prev img, .owl-next img {
    max-width: 70px;
}
.owl-prev, .owl-next {
    position: absolute;
    top: 40%;
}
.owl-prev {
    left: -10%;
}
.owl-next {
    right: -7%;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

/*  */

.social img {
    max-width: 70px;
    height: 80px;
    object-fit: contain;
}
footer {
    background: #3b7cf0;
    padding-top: 40px;
    padding-bottom: 60px;
}
footer .blue-btn {
    max-width: 300px;
    margin: auto;
    padding: 20px;
}
/* new */
.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
}
.fit-content {
    max-width: 450px;
}
.bg-baby-blue {
    background: #3B7DF1;
    border-radius: 70px;
}
.custom-position {
    margin-top: -80px;
    padding-bottom: 40px;
}
.blue-box {
    background: #1e5bc6;
    max-width: 900px;
    margin: auto;
    padding: 20px;
    border-radius: 50px;
    position: relative;
}
.pink-box {
    background: #EF2546;
    margin: auto;
    padding: 20px;
    border-radius: 80px;
    position: relative;
}
.mt-n50 {
    margin-top: -150px;
}
.mt-n100 {
    margin-top: -100px;
}
.logo-main {
    margin-top: -50px;
}
.s-1 {
    padding: 50px 0;
}
.pb-50 {
    padding-bottom: 50px;
}
/* carousel1 */

#carrousel1 .custom-item .max-25 {
    max-width: 25px;
    height: 25px;
}

#carrousel1 .custom-item img, #carrousel2 .custom-item img,  #carrousel3 .custom-item img {
    height: 240px;
    width: 260px;
    object-fit: contain;
}
#carrousel1, #carrousel2, #carrousel3 {
    max-width: 1250px;
    margin: auto;
}
#carrousel1 .item, #carrousel2 .item, #carrousel3 .item  {
    border-radius: 30px;
    padding-bottom: 10px;
}
.playroom-text {
    font-family: 'ProximaNovaACondBold', sans-serif;
    font-size: 30px;
    color:#fff;
    margin: 0;
    text-align: center;
}
/* carousel2 */

#carrousel2 .owl-prev {
    left: -10%;
}
#carrousel2 .owl-next {
    right: -10%;
}
.s-2 .mt-n100 {
    margin-top: -55px;
}
@media only screen and (max-width: 600px) {
    .border-50 {
        border-radius: 50px;
    }
    .max-300 {
        max-width: 300px;
    }
    .mt-50 {
        margin-top: 50px;
    }
    .max-160 {
        max-width: 160px;
    }
    .s-3 .g-50 {
        gap: 0;
    }
    .s-3 .size-30 {
        font-size: 19px;
    }
    .max-360 {
        max-width: 360px;
    }
    footer .size-100 {
        font-size: 40px;
    }
    #carrousel1 .custom-item img, #carrousel2 .custom-item img, #carrousel3 .custom-item img {
        height: 145px;
        width: 145px;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
    }
    .owl-prev img, .owl-next img {
        max-width: 5px;
    }
    .mt-n100 {
        margin-top: -50px;
    }
    .s-1 {
        padding: 20px 0;
    }
    .playroom-text {
        font-size: 18px;
        min-height: 148px;
        padding: 20px 10px;
    }
    .size-100 {
        font-size: 70px;
    }
    .mt-n50 {
        margin-top: -105px;
    }
    .fit-content {
        max-width: 140px;
    }
    .blue-btn {
        font-size: 22px;
    }
    .blue-btn img {
        max-width: 30px;
    }
    .size-80 {
        font-size: 35px;
    }
   
    .size-50 {
        font-size: 25px;
    }
    #carrousel1 .item {
        max-width: 270px;
        margin: auto;
    }
   
    .size-60 {
        font-size: 40px;
    }
  
    .red-btn {
        font-size: 23px;
        margin: auto;
        padding:15px;
        max-width: 230px;
    }
   
    footer .blue-btn {
        max-width: 200px;
        margin: auto;
        padding: 15px;
        font-size: 19px;
    }
   
    .size-40 {
        font-size: 19px;
    }
    .size-20 {
        font-size: 16px;
    }
    .divider-2 {
        height: 45px;
        margin: 0 10px;
    }
   
    .left-bullet {
        padding: 10px 15px 0 15px;
        border-radius: 10px;
        line-height: 1;
    }
    .size-90 {
        font-size: 45px;
    }
    
    footer {
        padding-bottom: 30px;
        padding-top: 25px;
    }
   
    .social img {
        max-width: 35px;
        height: 35px;
    }
    footer .size-24 {
        font-size: 13px;
    }
    .s-2 .mt-n100 {
        margin-top: -37px;
    }
 
}


.bg-red {
    background: #f33030;
}
.small-text {
    font-size: 14px;
    font-family: 'ProximaNovaACondRegular', sans-serif;
}
.divider-2 {
    height: 100px;
    width: 2px;
    background-color: #000;
}

header {
    background: #1e5bc6;
}
.owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
#app {
    background: #1e5bc6;
}
@media (min-width: 1600px) {
    .container {
        max-width: 1540px;
    }
}
@media only screen and (min-width: 760px) and (max-width: 1025px)  {
    .fit-content {
        max-width: 300px;
    }
}
@media only screen and (min-width: 1026px) and (max-width: 1550px)  {
    .fit-content {
        max-width: 300px;
    }
}
.opacity-0 {
    opacity: 0;
}