/* Importing fonts */
@font-face{
    font-family: 'PFDinTextUniversal-Regular';
    src: url('../fonts/PFDinTextUniversal-Regular.otf');
}

@font-face{
    font-family: 'PFDinTextUniversal-Medium';
    src: url('../fonts/PFDinTextUniversal-Medium.otf');
}
@font-face{
    font-family: 'PFDinTextUniversal-Light';
    src: url('../fonts/PFDinTextUniversal-Light.otf');
}
@font-face{
    font-family: 'PFDinTextUniversal-Thin';
    src: url('../fonts/PFDinTextUniversal-Thin.otf');
}
@font-face{
    font-family: 'PFDinTextUniversal-Bold';
    src: url('../fonts/PFDinTextUniversal-Bold.otf');
}
@font-face{
    font-family: 'PFDinTextUniversal-XBlack';
    src: url('../fonts/PFDinTextUniversal-XBlack.otf');
}
 /* end _ fonts */


/* Text fonts   */

.titles{
    font-family: 'PFDinTextUniversal-Medium';
    font-size: 40px;
}
.t_thin{
    font-family: 'PFDinTextUniversal-Thin';
    font-size: 50px;
}
.t_regular{
    font-family: 'PFDinTextUniversal-Regular';
    font-size: 50px;
}
.t_regular_{
    font-family: 'PFDinTextUniversal-Regular';
    font-size: 40px;
}

.nav_thin{
    font-family: 'PFDinTextUniversal-Thin';
    font-size: 21px;
}
.t_regular_21{
    font-family: 'PFDinTextUniversal-Regular';
    font-size: 21px;
}


.t_footer{
    font-family: 'PFDinTextUniversal-Thin';
    font-size: 19px;
}
.t-15{
    font-family: 'PFDinTextUniversal-Thin';
    font-size: 17px;
}

.slider_text{
    margin-top: -75px!important;
}
/* end __ Text fonts  */

.p_line{

    border-left: 5px;
    border-left-style: solid;
    border-color: black;
}
.hr{
    width: 50px;
    height: 5px;
    background-color: black;
    margin-left:0 !important;
}

.pink {
    color: #c0102c;
}
.bg_black {background-color: black;}


.bg_pink{
    background-color: #c0102c !important; 
}
.p_pink{
    padding-top: 80px;
}
.bg_pink2{
    background-color: #c0102c !important;
   
}

.hr2{
    width: 50px;
    height: 5px;
    background-color: white;
    margin-left:0 !important;
}

.pos{
   
   margin-top: -50px;
}

/* Background Images  */
.img{

    height: 200%;
    background-repeat: no-repeat;
    background-size: cover;
    

}
 .activee .img_border{
    border: 3px;
    border-color: white; 
    border-style: solid; 
    border-image-slice: 50%;
}

.activee h1{
    color: #c0102c!important;
}
.active h1{
    color: #c0102c!important;
}
.bg_img {
    background-image: url("../img/bg.png");
   height: 570px;
   
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.img1{
    background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../img/hommes.png");
    
    height: 700px;
    max-height: 700px;
    max-width: 292px;
    background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
  
}

.img2{
    background-image: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("../img/Femmes.png");
    height: 700px;
    max-height: 700px!important;
    max-width: 292px;
    background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.img3{
    background-image: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("../img/Enfants.png");
    height: 700px;
    max-height: 700px;
    max-width: 292px;
    background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
.img4{
    background-image: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7)),   url("../img/chaussures.png");
    height: 700px;
    max-height: 700px;
    max-width: 292px;
    background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}
  

  .img_gift{
      
      background-image: url("../test.png");
      background-position: center;
      background-repeat: no-repeat;
      min-height: 100%!important;
      width: 100%;
      background-size: cover;    
  }

    img#act_img1 {
    width: 150px;
    height: auto!important;
    max-width: 200px;
}
img#act_img2 {
    width: 150px;
    height: auto!important;
    max-width: 200px;
}

  #img_actuali{
      min-height: 200px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  /* End_Background Images  */

  #map{
      height: 600px;
  }
  .texttest{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: max-content;
    height: max-content;
  }
  .txt_gift{
   
     padding: 30px 40px 30px 40px;
     padding-left: -10px;
  }

  .txt-pos{
      padding-top: 180%; 
  }
  .img_border{
    border: 0px;
    border-color: white; 
    border-style: solid; 
    height: 650px;
    max-height: 650px;
  }

  .map{
    padding-right: 0px!important; 
    padding-left: 0px!important;
  }

  .map_search{

    position: absolute;
   margin-top: 520px;
  }


  .search{
    border-left: 0!important;
        border: 0px solid #dee2e6!important;
    padding-left: 5px!important;
    padding-right: 0px!important;

  }
  .search_input{
    width: 80%!important;
  }

  .hide{
      display: none;
  }


    /* Icones Color Hover  */
  .img_grey:hover {
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(0); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0); /* FF 35+ */
   
  }
  .img_grey {
    -webkit-filter: grayscale(1); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(1); /* FF 35+ */
  }
    /* END _ Icones Color  Hover */
  

    /* Menu fonts and colors  */
      .readytogo_list_:hover{
        color: white!important;
    }
    nav a:hover{
        color: #c0102c!important;
    }
    .activee {
        color: #c0102c!important;
    }
    .active {
        color: #c0102c!important;
    }
    /* END _  Menu fonts and colors  */

    .menu_top_mobile {
        display: none;
      }
      
     .menu_togg{
         border: #c0102c solid 2px;
         margin-left: 95%;
         margin-top: -20%; 
     }

     .search_mobile{
        display: none;
    }

    .pos2{
        margin-top: 40px;
    }

    .readytogo_list{
        display: none;
    }

    .downmenu_hover{
        background-color: #c0102c!important;
        color: white;
       /* width: 200px!important;
       padding-left: 5px;
       padding-top: 15px;
       left: 20%; */
       width: 223px!important;
       padding-left: 6px;
       padding-top: 15px;
       left: 10%;
   }
    
    .hover_text:hover{
        color: white!important;
    }


    .page_menu_enseignes{
    max-width: 290px!important;
    min-width: 290px!important;
    max-height: 325px!important;
    min-height: 325px!important;
    padding-left: 10px;
    padding-top: 10px
    
    }
   

    .fa-circle::before {
        vertical-align: super;
    }
    #autoplay button.slick-next.slick-arrow {
        display: none!important;
    }
    #autoplay button.slick-next.slick-arrow::before {
        display: none;
    }
    #fidi button.slick-next.slick-arrow {
        display: none!important;
    }
    #fidi button.slick-next.slick-arrow::before {
        display: none;
    }
    #autoplay_base button.slick-next.slick-arrow {
        display: none!important;
    }
    #autoplay_base button.slick-next.slick-arrow::before {
        display: none;
    }
    #autoplay_base ul.slick-dots{
        display: none!important;
    }
   

    i#prev {
        position: absolute;
        left: -3%;
        top: -350px;
    }
    i#next {
        position: absolute;
        right: -3%;
        top: -350px;
    }

    /* loader  style */
    .loader{
        margin: 0 0 2em;
        height: 200px;
        width: 30%;
        text-align: center;
        padding: 1em;
        margin: 0 auto 1em;
        display: inline-block;
        vertical-align: top;
      }
      
      svg path,
      svg rect{
        fill: rgb(247, 247, 247);
      }

      .loaderr{
        margin: 0 0 2em;
        height: 200px;
        width: 30%;
        text-align: center;
        padding: 1em;
        margin: 0 auto 1em;
        display: inline-block;
        vertical-align: top;
      }
      
      #spinner svg path,
      svg rect{
        fill: rgb(220, 53, 69);
      }

      /* Loader style -- END   */


      .bg_pink.page_menu_enseignes {
        
        overflow-y: auto;
    }

    /* Responsive  */
    @media only screen and (min-width: 768px) { 
        #menu1{
            display: none!important;
        }
    }
   

    @media only screen and (max-width: 768px) {
        #menu3{
            display: none!important;
        }
        .menu_top {
          display: none;
        }
        .menu_top_mobile {
            display: block;
          }
        .bg_img{
            height: auto!important;
        }
        .pos{
            margin-top: 0px;
        }
        .img_grey{
            padding-right: 0rem!important; 
        }

        .search_mobile{
            display: block;
            position: relative;
        }
        .search_desktop{
            display: none!important;
        }
      }
      .hr_menu{
         background-color: #c0102c!important;
      }

      .error-message{
          color: #c0102c;
      }


      /* animation */

      .img1:hover, .img1:focus {
        background-image:  url("../img/hommes.png");
       
        height: 700px;
        max-height: 700px;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
      
    }
    .img1:hover h1{
        color: #c0102c!important;
    }
    .img1:hover .img_border{
        border: 3px;
        border-color: white; 
        border-style: solid; 
      }

    .img1_test{
        background-image:  url("../img/hommes.png");
        height: 700px;
        max-height: 700px!important;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
      }
    .img1_test h1{
        color: #c0102c!important;
    }
    
    .border1{
        border: 3px;
        border-color: white; 
        border-style: solid; 
    }
    /* ------------ */
      .img2:hover{
        background-image:  url("../img/Femmes.png");
        height: 700px;
        max-height: 700px!important;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
    }
    .img2:hover h1{
        color: #c0102c!important;
    }
    .img2:hover p{
        color: rgba(0,0,0,0.8)!important;
    }
    .img2:hover h5{
        color: rgba(0,0,0,0.9)!important;
    }
    .img2:hover .img_border{
        border: 3px;
        border-color: white; 
        border-style: solid; 
      }
      /* --------------- */
    .img2_test{
        background-image:  url("../img/Femmes.png");
        height: 700px;
        max-height: 700px!important;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
      }
    .img2_test h1{
        color: #c0102c!important;
    }
    .img2_test p{
        color: rgba(0,0,0,0.8)!important;
    }
    .img2_test h5{
        color: rgba(0,0,0,0.9)!important;
    }
    .border2{
        border: 3px;
        border-color: white; 
        border-style: solid; 
    }
    /* ------------ */
    .img3:hover{
        background-image:  url("../img/Enfants.png");
        height: 700px;
        max-height: 700px!important;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
    }
    .img3:hover h1{
        color: #c0102c!important;
    }
    .img3:hover p{
        color: rgba(0,0,0,0.8)!important;
    }
    .img3:hover h5{
        color: rgba(0,0,0,0.9)!important;
    }
    .img3:hover .img_border{
        border: 3px;
        border-color: white; 
        border-style: solid; 
      }
     /* --------------- */
    .img3_test{
        background-image:  url("../img/Enfants.png");
        height: 700px;
        max-height: 700px!important;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
      }
    .img3_test h1{
        color: #c0102c!important;
    }
    .img3_test p{
        color: rgba(0,0,0,0.8)!important;
    }
    .img3_test h5{
        color: rgba(0,0,0,0.9)!important;
    }
    .border3{
        border: 3px;
        border-color: white; 
        border-style: solid; 
    }
      /* ------------ */
    .img4:hover{
        background-image:  url("../img/chaussures.png");
        height: 700px;
        max-height: 700px!important;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
    }
   
    .img4:hover .img_border{
        border: 3px;
        border-color: white; 
        border-style: solid; 
      }

       /* ------------ */
    .img4_test{
        background-image:  url("../img/chaussures.png");
        height: 700px;
        max-height: 700px!important;
        max-width: 292px;
        background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
    }
   
    .border4{
        border: 3px;
        border-color: white; 
        border-style: solid; 
      }



      @media only screen and (max-width:767px) { 
        #myList{
            display: none!important;
        }
        #mobile_slider{
            display: inline;
        }
    }
    
    @media only screen and (min-width: 767px) { 
        #mobile_slider{
            display: none;
        }
    }

    div#info_map {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }


    #lang.dropdown-menu{
        min-width: 0rem!important;
        background-color: transparent!important;
        transform: translate3d(22px, 22px, 0px)!important;
    }

    .form-control.py-2.border-left-0.border.form-control-sm.bg-dark.search:focus{
        border-color: transparent;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.00), 0 0 8px rgba(255, 0, 0, 0.0);
      }
      #fidi button.slick-next.slick-arrow {
        display: none;
    }

    .col-md-1.flag_res {
        visibility: hidden;
    }
    .dropdown.text-white.bg-transparent {
        visibility: hidden;
    }

    .frm_contact #id_interested {
        padding: 0;
        margin: 0;
        display: inline-block;
        margin-left: 20px;
    }

    .frm_contact #id_interested li{
        display: inline-block;
        margin-right: 15px;
    }

    /* Token and Message Liste */

.form{
    margin: 5px 1px 15px;
    background-color: #e9ecef;
    border: #e9ecef;
    padding: 20px;
}
.fileform{
    margin: 5px 1px 15px;
    background-color: #e9ecef;
    border: #e9ecef;
    padding: 20px;
}
.form div{
    padding: 10px;
}
.form div input,.form div select{
    width: 100%;
}
.fileform div{
    padding: 10px;
}
.fileform div button{
    width: 100%;
}
.tableForm form{
    display: grid;
    grid-template-columns: 1fr 5fr;
}
.table{
    grid-column: 2/3;
    grid-row: 1/2;
}
.divForm{
    grid-column: 1/2;
    grid-row: 1/2;
    padding-right: 10px;
}
.divForm textarea {
    width: 100%;
}
.divForm input {
    margin-top: 5px ;
    width: 100%;
}
.pagination{
    display: flex;
    justify-content: center;
    margin-left: 140px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.pagination div {
    margin: 0px 3px;
}
.pagination2{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.pagination2 div {
    margin: 0px 3px;
}