body{
    cursor: default;
}

/* ****************** INDEX *******************/
@font-face {
    font-family: primeTimeFont;
    src: url('../fonts/PRIMETIME.ttf');
}

#container-fluid{
    cursor: default;
}

.winner-s-h {
    position: relative;
    border: 1px solid #333;
    overflow: hidden;
    padding: 0;
}
.winner-s-h img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.winner-s-h:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.selector-s-h {
    position: relative;
    overflow: hidden;
    padding: 0;
}
.selector-s-h img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.selector-s-h:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.selectionneur-bouton {
    background-color: #28cfc0;
    border: 1px solid #28cfc0;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    padding: 3px 40px 3px 40px;
    display: inline-block;
    text-align: center;
    font-family: "MikadoBold";
}

.selectionneur-bouton:hover {
    color:#28cfc0;
    background-color:white;
    text-decoration: none;
    font-family: "MikadoBold";
}

#update-img-error {
    font-family: "MikadoMedium";
    color: #fff;
    background-color: #43cadc;
    margin-top: 0; /* Enlève le margin-top car nous allons le placer avec position */
    border-radius: 7px;
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 150px; /* Positionne l'élément à 150px du haut */
    left: 50%; /* Centre horizontalement */
    transform: translateX(-50%); /* Ajuste pour centrer exactement */
}

#update-user-close{
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    opacity: 1;
    margin-bottom: 0;
    margin-top: -4px;
}

#update-user-close:hover{
    background-color: transparent;
}


.titleindex {
    color: rgba(255,255,255, 0.1);
    font-family: "Arial", sans-serif;
    font-stretch: extra-expanded;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
    display: inline;
    z-index: 1; position: relative;
}
.posindextitle{
    margin-top:35px;
}
.lowtitleindex {
    color: white;
    font-family: 'Arial Black', sans-serif;
    font-size: 32px;
    font-stretch: normal;
    text-align: center;
    margin-top: 0px; padding-top: 0px; margin-bottom: 24px; z-index: 2; position: relative;
}

.title-index-position {
    margin-top: -130px; text-align: center
}

.middletitleindex {
    color: #595959;
    font-family: unset;
    font-size: 22px;
    font-stretch: extra-expanded;
    font-weight: 500;
    text-align: center;
    margin-top:0px;
}
.actupara{
    color: #7f7f7f;
    font-family: unset;
    font-size: 12px;
    font-stretch: normal;
    font-weight: 500;
    margin-bottom: 10px;
}

.actutitle{
    color: #595959;
    font-family: unset;
    font-size: 16px;
    font-stretch: normal;
    font-weight: bold;
}
.wintitle{
    color: black;
    font-family: unset;
    font-size: 14px;
    font-stretch: normal;
    font-weight: bold;
    margin-bottom: -4px;
}
.repositioningThunmb{
    padding: 0px;
    height: 310px;
    border-width: 0px;
}
.nopaddinglr{
    padding-left: 5px;
    padding-right: 5px;
}


.text-winner-list{color:white; z-index: 15; position:relative;background-color:transparent; font-size: 12px; padding-left: 10px; width:100%;}

.rediPictIndexFoot{
    width: 40px; height: 40px;
}
.coloring{
    background-color:#f5f5f5;
}
.winneris{
    background-color:white;
    height: 405px;
}
.recenterithumb {
    width: 760px;
    margin: auto;
}
.footer{
    background-color:#5d5d5c;
    margin-top: 0px;
    margin-bottom: 0px;
}
.englobfooterinfo{
    width:800px;
    margin:auto;
}
.facebook-footer{
    margin: auto;
    width: 180px;
}

.announceC {
    font-weight: bold;
}

.repositioncoLS{
    padding-right: 0px;
    padding-left: 0px;
    width: 253px;
    height:143px;
    background-size: 253px 143px;
    background-repeat: no-repeat;
}

.contest-bg-index{
    padding-right: 0;
    padding-left: 0;
    height: 186px;
    background-repeat: no-repeat;
    border-radius: 6px;
    background-size: cover;
}

.see-contest-index{
    display:inline-block;
    padding:0 10px 0 10px;
    border:1px solid white;
    text-transform: uppercase;
    font-size:14px;
    color:white;
    text-decoration: none;
}

.see-contest-index:hover{
    background-color: rgba(255,255,255,0.6);
    color: white;
    font-family: "MikadoMedium";
}

.see-contest-index:focus{
    color: white;
    font-family: "MikadoMedium";
}

.poslowtit{
    margin-top : 0px;
}
.annuncefirst {
    text-align: center;
}

.annuncefirstsec{
    margin-bottom: 20px;
}
.indexpict{
    width: 265px;
}
.recenterithumb{
    width: 40px;
    height: 40px;
}
.socialnet-footer{
    display: block;
    text-align: center;
    width :194px;
    margin: auto
}
.nav-footer{
    background-color:#535353;
    margin:auto;
    padding-top: 7px;
    height: 30px;
    text-align: center;
}
.socialnet-div {
    width: 40px;
    margin-right: 10px;
}
.socialnet-footer div{
    display:inline-block;
    width: 100px;
}
.rediPictWin{
    width: 60px;
    height: 60px;
}
.placeArtic{
    padding-bottom: 10px;
}
/* slicker javascript */
.exposing {
    bottom:4px;
}

.winprice{
    color: #28cfc0;
    font-weight: bold;
    display: block;
    margin-top: -6px;
}

.contest-menu-text{
    cursor: default;
}

.slick-slide{
    width: 240px;
    height: 240px;
    overflow: hidden;
}
.slick-slide img{
    width: 255px;
    height: auto;
}
/* the slides */
.slick-slide {
    margin: 0 -11px;
}


.sucre-contest-pict{
    padding-right: 0; padding-top: 28%;background-image: url('../img/photo_annonce/sucre-low.jpg');
}

.sale-contest-pict{
    padding-right: 0; padding-top: 28%;background-image: url('../img/photo_annonce/sale-low.jpg');
}


.concours-menu-go{
    background-color: white;
    border-radius: 20px 0 0 20px;
    font-family: "Arial Black",sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
    height: 39px;
    padding: 0;
}
.concour-menu-text{
     color: white; font-size: 18px;
     font-family: "Arial Black", sans-serif;
     text-align: left;
}
.concours-menu-redi{
    padding-left:30px;
    padding-right: 0;
}
.concour-menu-age{
     color: white; font-size: 18px;
     font-family: "Arial Black", sans-serif;
     margin-top: -5px;
    font-weight: bold;
     text-align: left;
}

.index-selectionneur{
    margin-top: 50px;
}
.index-selectionneur h3{
    font-family: "MikadoBold";
    font-size : 50px;
    font-weight: bold;
    margin-bottom: -15px;
    color:black;
}

.index-selectionneur h4{
    font-family: "MikadoBold";
    font-size: 60px;
    font-weight: 900;
    color:black;
}


.last-coucours{
    background-color: transparent;
    font-size:12px;
    font-weight:bold;
    margin-top: -15px;
    padding-left:5px;
    padding-bottom: 5px;
    width:100%;
    text-align: center;
    margin:auto;
    color:white;
}
.index-vestiaire{
    margin-top:50px;
}

.index-vestiaire-title{
    font-family: "Arial Black", sans-serif;
    font-size: 60px;
    font-weight: 900;
    color:gray;
    text-transform: uppercase;
    text-align: center;
    margin-bottom:20px;
}

.date_number{
    text-align: center;
    background-color: #28cfc0;
    color: white;
    font-family: "Arial Black",sans-serif;
    font-weight: bolder;
    font-size: 32px;
    width: 52px;
    display:inline-block;
    margin-right:10px;
}
.date_number span{
    width:100%;
    height: 34px;
    display: block;
    font-weight: bold;
}

.index-footer-concept {
    text-align: center;
    background-color:#e1e2e4;
    padding-top:15px;
}
.index-footer-concept .row img{
    width:60px;
    margin-bottom: 15px;
}
.index-footer-concept .row p{
    font-size:12px;

}

.arrow-win-go{
    color:white;
    font-size: 65px;
}

.arrow-win-go:hover{
    color:#e1e2e4;
}
.arrow-win-go:focus{
    color:#e1e2e4;
}

/** selectionneur **/
#selectionneur{
    margin-top: 56px;
    text-align: center;
    text-transform: uppercase;
}

#selectionneur h2{
    font-family: "MikadoBold";
    font-size:40px;
    cursor: default;
}

#contest-title{
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px;
}

#contest-title h1{
    font-size:40px;
    cursor: default;
    font-family: "MikadoBold";
}

.our-selection a{
    color:white;
    text-decoration: none;
}
.our-selection p{
    text-align: center;
}
/*** Fin selectionneur ***/
/* Menu transition css */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}
/* Fin de Menu transition css */

/* Footer Styles */




/* SPECTRUM
            ==================================================*/
.spectrumHeader {
    transition: background-color 2s ease;
    background-color:#28cfc0;
}

/* Selectionneur */
.grid-item {
    width: 49%;
    height: 300px;
    float: left;
    background: #ccc;
    border-radius: 5px;
    margin-bottom: 2%;
    overflow: hidden;
}

.grid-item--width2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.grid-item--height2 {
    height: 620px;
    margin-right: 2%;
    width: 49%;
}

.is-paire-s{
    margin-left: 1%;
    margin-right: 0;
    border-radius: 6px;
}

.is-impaire-s{
    margin-left: 0;
    margin-right: 1%;
    border-radius: 6px;
}

.vertical-grid{
    height: 618px;
    width: 100%;
    display: block;
    border-radius: 6px;
}

.horizontal-grid{
    height: 300px;
    width: 100%;
    display: block;
    border-radius: 6px;
}

.vertical-lazy{
    background-image: url('../img/ico-computer/picture-low-600.jpg'); background-repeat: no-repeat; background-size: cover; background-position: bottom;
}

.horizontal-lazy{
    background-image: url('../img/ico-computer/picture-low-600.jpg'); background-repeat: no-repeat; background-size: 100%; background-position: center;
}




/** New Home Style **/
.wrapper-top-ban{
    padding: 180px 0;
    height: 90vh;
}

.slogan{
    color: #fff;
    font-size: 32px;
    cursor: default;
    margin-top: 10px;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 15px;
    text-shadow: 2px 2px 15px #0000004f;
    font-family: Mikadobold;
}

.title-slogan{
    color: #fff;
    font-family: "MikadoBold";
    font-size: 70px;
    cursor: default;
    margin-top: 90px;
    line-height: 90px;
}

.wrapper-left-top{
    text-align: center;
}

.participate-button{
    background-color: #28cfc0;
    border-radius: 7px;
    width: fit-content;
    font-weight: normal;
    overflow: hidden;
    text-decoration: none;
    color: white;
    font-size: 26px;
    text-transform: uppercase;
    font-family: MikadoMedium;
    text-align: center;
    display: inline-block;
    padding: 14px 30px;
    vertical-align: middle;
}

.participate-button::after {
    content: '';
    position: absolute;
    margin: -50%;
    left: -20%;
    top: -45%;
    width: 161px;
    height: 169px;
    right: -50%;
    bottom: -50%;
    background: url("../img/sheen.png");
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 0px;
    transform-style: preserve-3d;
    transform: translate(0px, 50px) translateZ(0px) rotate(32deg) scale(1, 1);
}

.participate-button::after {
    -webkit-animation: sheen 4s forwards; /* Safari 4+ */
    -moz-animation:    sheen 4s forwards; /* Fx 5+ */
    -o-animation:      sheen 4s forwards; /* Opera 12+ */
    animation: sheen 4s forwards;
    animation-iteration-count:infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-delay: 1s;
    overflow:hidden;
}

.participate-button:focus {
    background-color: #28cfc0;
    color: white;
    outline: 0;
    text-decoration: none;
    padding: 14px 32px;
}

.participate-button:hover {
    text-decoration: none;
    background-color: #28cfc0;
    color: white;
    padding: 14px 32px;
}

.bg-index-top{
    background-image: url("../img/coupe-top-home.png");
    background-repeat: no-repeat;
    background-position: -12px 15px;
    background-size: 306px;
    height: 360px;
}

.extends-row{
    max-width: 100%;
}

.wrapper-event-index{
    background-color: rgba(255,255,255,0.9);
    margin-top: 44px;
    padding-top: 45px;
    padding-bottom: 34px;
}

.link-contest-home{
    text-align: center;
}

.event-img-index{
    width: 475px;
    position: absolute;
    top: -199px;
    left: 0;
}

.icon-index-event.rf{
    background-color: #ffa85b;
}
.icon-index-event.mf{
    background-color: #77d0dc;
}
.icon-index-event.wb{
    background-color: #f5b922;
}
.icon-index-event.h{
    background-color: #6c289e;
}
.icon-index-event.sm{
    background-color: #205aa1;
}

#carousel-event{
    margin: 0;
    padding: 0;
}

#ca-indicator{
    text-align: left;
    padding: 1.1rem;
    color: white;
}

#ca-indicator h2{
    text-transform: uppercase;
    margin-top: 80px;
    margin-bottom: 30px;
    color: white;
    font-size: 48px;
    text-shadow: 2px 2px 15px #0000004f;
}

#ca-indicator li > img{
    width: 70px;
}

#ca-indicator h3{
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 0px;
    color: white;
    text-shadow: 2px 2px 15px #0000004f;
    font-size: 38px;
}

#ca-indicator p{
    text-shadow: 2px 2px 15px #0000004f;
    max-width: 470px;
    font-size: 18px;
    margin-bottom: 0;
}

#ca-indicator span{
    text-transform: uppercase;
    color: white;
    display: block;
    width: fit-content;
    font-size: 22px;
    margin-bottom: 48px;
    font-style: italic;
}


#ca-indicator ul{
    list-style: none;
    margin-left:0;
    margin-bottom: 0;
}

#ca-indicator li{
    display: inline-block;
    opacity: 0.5;
    cursor: pointer;
    margin: 10px;
    border-radius: 35px;
}

#ca-indicator li:hover{
    opacity: 1;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,0.3) 10%, rgba(255,255,255,0) 85%);
}

#ca-indicator .active{
    opacity: 1;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,0.3) 10%, rgba(255,255,255,0) 85%);
}

#ca-indicator-cont div{
    display: none;
}

#ca-indicator-cont .active-i{
    display: block;
}

.carousel-inner {
    position: relative;
    width: 100%;
    height: 509px;
    overflow: hidden;
}

.carousel-inner img{
    max-width: 580px !important;
    width: 100%;
    margin: auto;
}

/* Same height col */
.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.bg-color-roulette{
    background: rgb(124,171,214);
    background: linear-gradient(to bottom right, rgba(124,171,214,1) 31%, rgba(153,212,142,1) 100%);
}

.bg-color-champignon{
    background: rgb(119, 208, 220);
    background: radial-gradient(circle at 30% center, rgb(119, 208, 220) 15%, rgb(232, 214, 148) 55%, rgb(240, 214, 140) 100%);
}

.bg-color-ballon{
    background: rgb(249,155,28);
    background: radial-gradient(circle, rgba(238,232,44,1) 0%, rgba(249,155,28,1) 100%);
}
.bg-color-ghost{
    background-color: #53267a;
    background: radial-gradient(circle, rgb(113, 33, 168) 0%, rgb(79, 83, 100) 100%);
}

.bg-color-machine{
    background: rgb(0,65,107);
    background: linear-gradient(90deg, rgba(0,65,107,1) 64%, rgba(17,21,40,1) 100%);
}

/** Bootstrap carousel **/
@media (transform-3d), (-webkit-transform-3d){
    /* Slide les elements */
    .carousel-inner > .item.next.left {
        left: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        transition: transform 0s ease-in-out;
    }
    .carousel-inner > .item.prev.right {
        left: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    /* Masque les elements */
    .carousel-inner > .item.active.left{
        display: none;
    }

    .carousel-inner > .item.active.right{
        display: none;
    }
}

#cont-pf-index{
    background-image: url("../img/event-home/bg-halo.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

#cont-pf-index-cont{
    border-top: 10px solid #8db8ec;
    background-color: #fff;
    max-height: 360px;
    overflow: hidden;
}

.cont-pf-text{
    padding-top: 75px;
    padding-bottom: 75px;
}

.cont-pf-img{
    margin-top: 10px;
}

.cont-pf-text h3{
    font-family: "MikadoBold";
    font-size: 44px;
    text-transform: uppercase;
    color: #505055;
    margin-bottom: 0;
}

.cont-pf-text span{
    font-family: "MikadoMedium";
    font-size: 18px;
    color: #69696f;
    margin-bottom: 10px;
    display: block;
    font-style: italic;
    text-transform: uppercase;
}

.win-index-cont{
    margin: 0;
    padding: 0;
    background-color: #faf7b4;
    max-height: 600px;
    overflow: hidden;

    display: flex; /* Utiliser Flexbox pour aligner les éléments */

}

.win-img-container {
    display: flex;
    align-items: flex-start; /* Aligner l'image en haut */
    justify-content: flex-start; /* Aligner l'image à gauche */
}
.win-img-container img{
    min-height: 350px;
}

.win-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centrer le texte verticalement */
    padding-left: 45px;
    margin-top: 50px;
}

.win-index-cont h3{
    font-family: "MikadoBold";
    font-size: 44px;
    text-transform: uppercase;
    color: #505055;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.win-index-cont span{
    font-family: "MikadoMedium";
    font-size: 18px;
    color: #69696f;
    margin-bottom: 10px;
    display: block;
    font-style: italic;
    text-transform: uppercase;
}


.win-index-cont a{
    background-color: rgba(80,80,85,0.9);
    color: white;
    display: inline-block;
    text-align: center;
    width: fit-content;
    font-weight: normal;
    font-family: "MikadoMedium";
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 30px;
    font-size: 26px;
    border-radius: 7px;
}

.win-index-cont a:hover{
    background-color: rgba(80,80,85,1);
}

.p-piece {
    font-family: "MikadoMedium";
    font-size: 16px;
    color: #aeaeae;
    margin-bottom: 0;
    display: block;
    font-style: italic;
    text-transform: uppercase;
}


.see-contest-wrapper{
    text-align: right;
}

.button-see-contest{
    background-color: #28cfc0;
    vertical-align: middle;
    color: white;
    font-size: 26px;
    text-transform: uppercase;
    font-family: MikadoBold;
    text-align: center;
    display: inline-block;
    padding: 14px 20px;
}

.button-see-contest:hover{
    color: white;
    background-color: #28cfc0;
    padding: 14px 22px;
}

.button-see-contest:focus{
    color: white;
    background-color: #28cfc0;
}

.title-index-functions{
    font-family: "MikadoBold";
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 55px;
    color: rgba(255,255,255,0.9);
    text-shadow: 2px 2px 15px #0000004f;
}

.vignette-grp{
    text-align: center;
    margin-bottom: 20px;
}

.vignette-grp-img{
    width: 110px;
}

.vignette-grp-title{
    text-transform: uppercase;
    color: white;
    font-family: Arial;
    font-weight: 600;
    text-shadow: 2px 2px 15px #0000004f;
}

.vignette-grp-txt{
    font-size: 18px;
    color: white;
    font-family: Arial;
    font-weight: 600;
}

#join-hero-contest{
    background-image: url("../img/event-home/bg-hero-contest.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 115px;
    text-align: center;
    height: 90%;
    background-size: cover;
    filter: brightness(0.95);
}

#join-hero-contest h3{
    text-transform: uppercase;
    font-size: 44px;
    color:#505055;
}

#join-hero-contest a{
    background-color: #28cfc0;
    color: white;
    display: inline-block;
    text-align: center;
    width: fit-content;
    font-weight: normal;
    font-family: "MikadoMedium";
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 30px;
    font-size: 26px;
}

#join-hero-contest a:hover{
    background-color: #28cfc0;
    padding: 14px 32px;
}


.wrapper-how-container {
    height: 510px;
    overflow: hidden;
    border-bottom: 10px solid #8db8ec;
    padding: 50px 0;
    background-color: #fff;
}

.how-img-1{
    width: 450px;
    margin-top: -62px;
    margin-left: -42px;
}

.how-img-2{
    margin-left: 0;
    float: right;
    width: 450px;
    margin-top: -62px;
    margin-right: -57px;
}

.container-how-it-work {
    width: 90%;
    position: absolute;
    max-width: 958px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 100px;
}

.wrapper-how-it-work h3{
    font-family: "MikadoBold";
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
    color: #505055;
}

.wrapper-text-how{
    font-family: "MikadoBold";
    padding: 0;
}

.upper-text-how{
    font-size: 65px;
    font-family: "MikadoBold";
    margin: -38px auto;
    display: block;
    text-align: center;
    width: 55px;
    color:#505055;
}

.text-how{
    font-family: Arial;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 45px 10px;
    height: 155px;
    color: #505055;
    font-weight: bold;
    box-shadow: 2px 2px 15px #0000004f;
    background-color: rgba(255,255,255, 0.8);
    margin: 10px;
    border-radius: 6px;
}

.how-middle-sq{
    margin-top: 45px;
}

.winwheel-container-index{
    background-color: #14578c;
    background-image: url("../img/event-home/bg-winwheel-index.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 55% center;
    color: white;
    text-align: center;
    width: 100%;
    padding: 2% 0 25% 0;
    border:1px solid black;
}

.winwheel-container-index h3{
    text-transform: uppercase;
    color: white;
    font-family: "MikadoBold";
    font-size: 44px;
    text-align: center;
}

.vote-winwheel-index{
    width: 35%;
    margin-top: 4%;
    text-align: center;
}

.winwheel-index-img{
    width: 60%;
    right: -11%;
    position: absolute;
    margin-top: -4%;
}


.wrapper-bg-index{
    background-image: url("../img/event-home/background-radiant-hiw.png");
    background-position: bottom;
}

.wrapper-function-index{
    padding: 60px 0;
    background-color: #28cfc0;
}

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

.magicforest-container h3{
    color : #6c3b36;
    font-family: "MikadoBold";
    font-size: 44px;
    width: 500px;
    margin: auto;
}

.magicforest-container span{
    color : #175732;
    font-size: 18px;
}

.magic-forest-img{
    width: 100%;
}

.align-txt-mf{
    clear: both;
    text-align: center;
    margin-top: 22%;
    position: absolute;
}

.mf-coin-container{
    color: #e6ecbe;
    width: 100%;
    background-color: black;
    background-image: radial-gradient(300px at 75% 75%, #6c474e 50%, #000 100%);
    height: 250px;
    font-family: "MikadoBold";
    font-size: 50px;
}

.mf-pile-face{
    color: white;
    display: block;
}

.mf-pile-face-img{
    width: 320px;
    margin-top: 10px;
}


.home .home-text p{
    margin:0;
    overflow: hidden;
}

.home .home-text p span{
    color: white;
    font-family: "MikadoBold";
    font-size: 70px;
    display: none;
}

.home .home-text p span.text-in{
    display: block;
    animation: textIn .5s ease;
}
.home .home-text p span.text-out{
    animation: textOut .5s ease;
}

/*** Media Query ***/

/* Responsive Styles */

/* Extra Small */
@media(max-width:767px){
    .cont-pf-img{
        display: none;
    }

    .carousel-inner {
        height: 470px;
    }

    .carousel-inner img {
        width: 425px;
    }

    #ca-indicator {
        text-align: center;
    }

    #ca-indicator p {
        text-align: center;
        max-width: none;
        padding: 10px;
    }

    #ca-indicator .active {
        background: unset;
    }

    #ca-indicator span {
        width: 100%;
    }

    .how-img-1{
        width: 350px;
        margin-top: 10px;
    }

    .how-img-2{
        width: 350px;
        margin-top: 5px;
        margin-right: -120px;
    }

    .bg-color-roulette {
        background-image: none;
    }

    #ca-indicator .active {
        background: unset;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .cont-pf-img{
        display: none;
    }

    .carousel-inner {
        height: 470px;
    }

    .carousel-inner img {
        width: 425px;
    }

    #ca-indicator {
        text-align: center;
    }

    #ca-indicator p {
        text-align: center;
        max-width: none;
    }

    #ca-indicator span {
        width: 100%;
    }

    .how-img-1{
        width: 350px;
        margin-top: 10px;
    }

    .how-img-2{
        width: 350px;
        margin-top: 5px;
        margin-right: -120px;
    }

    .bg-color-roulette {
        background-image: none;
    }

    #ca-indicator .active {
        background: unset;
    }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){

    .carousel-inner img {
        margin-top: 155px;
    }

    .how-img-1{
        width: 350px;
        margin-top: 7px;
    }

    .how-img-2{
        width: 350px;
        margin-top: 5px;
    }

    .p-piece{
        font-size: 18px;
    }

}
/* Large */
@media(min-width:1200px) and (max-width:1399px){

    .how-img-1{
        width: 350px;
        margin-top: 7px;
    }

    .how-img-2{
        width: 350px;
        margin-top: 5px;
    }

    .p-piece{
        font-size: 18px;
    }
}


/* Large */
@media(min-width:1400px){

}


@keyframes textIn{
    0%{
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0%);
    }
}
@keyframes textOut{
    0%{
        transform: translateY(0%);
    }
    100%{
        transform: translateY(-100%);

    }
}