@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: "Bree Regular";
    src: url("../fonts/Bree Regular.eot");
    src: local("☺"), url("../fonts/Bree Regular.woff") format("woff"), url("../fonts/Bree Regular.ttf") format("truetype"), url("../fonts/Bree Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Bree Bold";
    src: url("../fonts/Bree Bold.eot");
    src: local("☺"), url("../fonts/Bree Bold.woff") format("woff"), url("../fonts/Bree Bold.ttf") format("truetype"), url("../fonts/Bree Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Bree Thin";
    src: url("../fonts/Bree Thin.eot");
    src: local("☺"), url("../fonts/Bree Thin.woff") format("woff"), url("../fonts/Bree Thin.ttf") format("truetype"), url("../fonts/Bree Thin.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bree';
    src: url('../fonts/fonts_new/BreeCYR-Semibold.woff2') format('woff2'), url('../fonts/fonts_new/BreeCYR-Semibold.woff') format('woff'), url('../fonts/fonts_new/BreeCYR-Semibold.ttf') format('truetype'), url('../fonts/fonts_new/BreeCYR-Semibold.svg#BreeCYR-Semibold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bree th';
    src: url('../fonts/fonts_new/BreeCYR-Light.woff2') format('woff2'), url('../fonts/fonts_new/BreeCYR-Light.woff') format('woff'), url('../fonts/fonts_new/BreeCYR-Light.ttf') format('truetype'), url('../fonts/fonts_new/BreeCYR-Light.svg#BreeCYR-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
body {
    overflow-x: hidden;
    background-image: url(../img/bg-body-whiteshadow.png);
    background-attachment: fixed;
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    font-family: "Bree Regular";
}
section{
    padding-bottom: 120px;
}
#page-container {
    position: relative;
    min-height: 100vh;
  }

  #content-wrap {
    padding-bottom: 2.5rem;    /* Footer height */
  }

  #footer {
    display: block;
    color: white;
    background-color: #000;
    position: absolute;
    bottom: 0;
    width: 100%;
  }

.inscr_left {
    background-image: url(../img/back_inscri.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.box_form{
    background-image: url(../img/box_formule.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: max-content;
    color: white;
    font-size: 18px;
    font-family:'Bree Regular' ;
}
h2 {
    font-size: 20px;
}

.main-custom h1 {
    color: #d41317;
    font-size: 100px;
}

p.title_account {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 5px;
    font-family: 'bree regular';
}
#radio_groupe_payment_type input{
    display: block;
    cursor: pointer;
}
#radio_groupe_payment_type .form-check-label {
    margin-top: 15px;
    display: block;
    margin-left: 5px;
}
.icon-recap{
    color: #d51317;
    font-size: 20px;
    max-width: 25px;
}
.form-check-input:checked {
    background-color: #d41317;
    border-color: #d41317!important;
}
.account {
    background: #d41317;
    padding: 10px 15px;
    transform: rotate(-3deg);
    border-radius: 10px 0px 0px 10px;
    margin-right: -2px;
}

.account img {
    padding-right: 14px;
}

.title_box {
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
}

.bree_bold {
    font-family: "Bree Bold";
}

.bree_thin {
    font-family: "Bree Thin";
}

.bree_regular {
    font-family: "Bree Regular";
}

.main-custom {
    min-height: calc(100vh - 171.34px - 37px);
}
/******************* mon compte ********************/

.btn-rounded {
    border-top-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
/* begin  box panier nombre d'enfant */
.bg-white-img-custom-nb-enfant{
    position: relative;
    background-image: url(../img/bg-white-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 434px;
    height: 373px;
}
.bg-white-img-custom-nb-enfant::before{
    content: "";
    position: absolute;
    /* left: 5px;
    top: 57px; */
    left: 10px;
    top: 55px;
    z-index: -1;
    background-image: url(../img/bg-red-1.png);
    background-size: 96%;
    background-repeat: no-repeat;
    width: 365px;
    height: 100%;
}
/* end box panier nombre d'enfant */
.bg-white-img-custom {
    position: relative;
    background-image: url(../img/bg-white-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 434px;
    height: 373px;
}

.bg-white-img-custom::before {
    content: "";
    position: absolute;
    /* left: 5px;
    top: 57px; */
    left: 10px;
    top: 55px;
    z-index: -1;
    background-image: url(../img/bg-red-1.png);
    background-size: 96%;
    background-repeat: no-repeat;
    width: 365px;
    height: 100%;
}

.bg-white-img {
    position: relative;
    background-image: url(../img/white-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}

.bg-white-img::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 52px;
    z-index: -1;
    background-image: url(../img/back_red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80%;
    height: 100%;
    opacity: 0;
}

.bg-white-img-2 {
    position: relative;
    background-image: url(../img/white-bg.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 300px;
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
}

.bg-white-img-2::before {
    content: "";
    position: absolute;
    left: 17px;
    top: 52px;
    z-index: -1;
    background-image: url(../img/back_red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80%;
    height: 100%;
    opacity: 0;
}

.bg-white-img:hover::before {
    opacity: 1;
}

.bg-white-img-2:hover::before {
    opacity: 1;
}

.bg-white-img::after {
    content: "";
    background-image: url(../img/info.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 231px;
    right: 12px;
}

.bg-white-img-2::after {
    content: "";
    background-image: url(../img/historique.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 231px;
    right: 12px;
}
/*******************fin mon compte ********************/
/*******************mes informations ******************/

.mb-10 {
    margin-bottom: 130px;
}

.mes-informations {
    position: relative;
    height: auto;
    border: 2px solid #000;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 50px;
    color: #D41317;
}

.photo {
    margin-right: auto;
    position: relative;
    width: 140px;
    height: 140px;
    top: -55px;
    background: #D51317;
    border-bottom-right-radius: 20px;
    transform: skew(1deg);
}
.titre_info{
    font-size: 13px;
    color: #D51317;
    font-family: 'Bree Regular';
}
.ajout-photo {
    font-size: 18px;
    position: absolute;
    bottom: -40px;
    cursor: pointer;
}

.mes-informations .photo img {
    position: absolute;
    bottom: 41px;
    right: 4px;
    border-bottom-right-radius: 20px;
}

.mes-informations input[type=text] {
    padding: 5px;
    width: 100%;
    border: 1px solid #000;
    border-radius: 3px;
}

.mes-informations input[type=text]::placeholder {
    font-family: "Bree Thin";
    color: #B0B0B0;
}

.mes-informations .enregist-btn {
    position: absolute;
    width: 200px;
    height: 42px;
    font-size: 18px;
    bottom: -20px;
    right: -2px;
    background: #D51317;
    border-radius: 0;
    border-bottom-right-radius: 20px;
}

.mes-informations input[type=date] {
    padding: 5px;
    border: 1px solid #000;
    border-radius: 3px;
}

.mes-informations input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url(../img/calendar.png);
    float: left;
}

.mes-informations input[type=date]::placeholder {
    float: left;
}

/*******************fin mes informations ******************/
/*************mes historique ******************************/

.table {
    margin-bottom: 2em;
    border-spacing: 0pt;
    border-collapse: separate;
}

.table-container {
    border: 1px solid #000;
    border-top: 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.table thead {
    background-color: #D51317;
    color: #fff;
    font-family: "Bree Thin";
}

.nav-item a:hover {
    color: #000;
}

.nav-pills .nav-link {
    background: #ffffff;
    border-radius:8px 8px 0 0;
    text-align: center;
}

div#mes-information .form-control{
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 13px;
    height: 39px;
    border: 1px solid #000;
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    font-weight: 400;
}

div#mes-information .select2-container {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #000;
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    font-weight: 400;
}

div#mes-information .select2-container--bootstrap4 .select2-selection__clear {
    line-height: 1.25em;
    padding-left: .35em;
    margin-right: 1em;
}

div#mes-information .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    right: 1px;
    width: 29px;
    border-left: 1px solid #000000;
    height: 100%;
    top: 0;
}

div#mes-information .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    top: 50%;
}

p.numero_phone_not_verified {
font-family: 'Poppins',sans-serif;
font-size: 14px;
color: #D51317;
margin: 5px;
}

a.verify_now {
    color: #D51317;
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 0;
    margin-left: 5px;
    padding-left: 25px;
    background-image: url(http://127.0.0.1:8000/assets/themes/Limoges/img/icons/error.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center left;
}

div#updateProfil, div#updateProfiladress, div#updateProfilmdp {
position: absolute;
right: 24px;
bottom: -21px;
background: #D51317;
color: #fff;
padding: 11px 59px;
font: normal normal normal 18px/27px Bree Regular;
border-radius: 0 0 20px 0;
z-index: 1;
cursor: pointer;
transition: all 0.2s;
}
div#updateProfil:hover, div#updateProfiladress:hover, div#updateProfilmdp:hover {
    background: #000000;
}
.form-group.col-pad-l {
    padding-left: 18px;
}

.form-group.col-pad-r {
    padding-right: 18px;
}

select::-ms-expand { display: none; }
.nav-link {
    color: #000;
    box-shadow: 0 -2px 10px #ececec;
    border-bottom: 0;
}

.nav-item {
    font-size: 20px;
    line-height: 2;
    min-width: 170px;
    margin: 0 4px;
}

.profil_mes_info li.nav-item:not(:last-child) {
    margin: 0;
    margin-right: 3px;
}
.profil_mes_info li.nav-item:last-child {
    margin-right: 0;
    margin: 0;
}

.nav-pills .nav-item .active {
    padding: 8.5px;
    border: 0;
    background-color: #D51317;
}

.page-item.active .page-link {
    background-color: #D51317;
    border-color: #D51317;
}

#annif_table_length label {
    display: flex;
    align-items: center;
}
#activity i{
    font-size: 25px;
    color: #d41317;
}
.datepicker table tr td.old.disabled, .datepicker table tr td.new.disabled{
    color:#cecece;
}
#ticketsCE_table_length label {
    display: flex;
    align-items: center;
}

#bowling_table_length label {
    display: flex;
    align-items: center;
}

#bar_table_length label {
    display: flex;
    align-items: center;
}

#annif_table_length #ticketsCE_table_length #bar_table_length #bowling_table_length label select{
    margin: 0 6px;
}

.table td,
.table th {
    padding: 0;
    border-top: 0;
}
/**********fin mes historique ******************************/
/**************************Modal*************************/

.modal-dialog {
    max-width: 700px !important;
}

.modal_connexion {
    position: absolute;
}

.inscri_modal {
    position: absolute;
}

    ::placeholder {
    font-size: 14px !important;
    color: red;
}

.visibility-0 {
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s linear, opacity .2s linear;
}

.visibility-1 {
    z-index: -1;
    visibility: visible;
    opacity: 1;
}

.modal_compt {
    background-color: rgb(250, 250, 250, .9) !important;
}

.modal_mdp {
    background-color: rgb(250, 250, 250, .9) !important;
}

.modal_mdp .modal-content {
    border-radius: 5px !important;
}

.modal-content-mdp {
    background-image: url(../img/background_body.png);
    border: 2px solid #d41317 !important;
    border-radius: 0 !important;
}

.modal-dialog-custom {
    max-width: 500px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.formule-img-size {
    height: 30px;
}

.header-formule img {
    height: 150px;
    width: auto;
}
.image_profil {
    display: table;
    margin: 0;
}

#mes-information .photo-de-profile-container {
    width: 115px;
    height: 115px;
}

#mes-information .photo-de-profile-container #photo-de-profile {
    width: 100%;
    height: 100%;
    border: 2px solid #D51317;
    object-fit: cover;
}
.camera {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #D51317;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    padding: 1px;
    cursor: pointer;
}
.camera:hover {
    background: #000000;
}
label.profil_form_label {
    font: normal normal normal 16px/20px Bree Regular;
    color: #000000;
}

.picture_inscri_mdp img {
    position: relative;
    top: -100px;
    margin-bottom: -60px;
}

.modal-content-mdp h5 {
    color: #d41317;
}

.modal-content span a {
    color: #d41317;
    text-decoration: none;
}

/******************************************************************/

.footer {
    background: #000;
    padding: 8px;
  /*   position:fixed; */
    bottom:0;
    width:100%;
    height:60px;
}

.footer a {
    color: #fff;
    transition: .2s all;
}

.footer a:hover {
    color: #d41317;
}
#footer .created {
    color: #fff;
    text-decoration: underline;
}
#footer .created:hover {
    text-decoration: none;
}
p.ft {
    color: #fff;
    font-size: 14px;
}

.block_birthday {
    margin-bottom: 100px;
}

.img_back {
    background-image: url(../img/back_red.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.title_formule {
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-bottom: 1px solid #000;
}

p.title-f, h2.title-f {
    font-size: 24px;
    margin: 0;
}

p.number-f {
    color: #d41317;
    font-size: 16px;
    margin: 0;
}

.block_formule {
    margin-bottom: 100px;
}

.btn_bowling.btn.btn-primary,
button.btn_bowling.btn.btn-primary {
    padding: 5px 30px;
}

.btn_bowling.btn.btn-primary,
button.btn_bowling.btn.btn-primary {
    padding: 5px 30px;
    background: #d41317;
    border: 1px solid #d41317;
}

.btn_bowling.btn.btn-primary:focus,
button.btn_bowling.btn.btn-primary:focus {
    outline: none;
    box-shadow: none;
}

.btn_bowling.btn.btn-primary:hover,
button.btn_bowling.btn.btn-primary:hover {
    border: 1px solid #d41317;
    color: white;
    transition: 0.5s;
}

.title_recap {
    font-family: 'Bree Bold';
    font-size: 20px;
}

p.title_recap2 {
    font-size: 16px;
}

.pr-2 {
    padding-right: 10px;
}

img {
    max-width: 100%;
}

.box_cart {
    border: 2px solid;
    border-radius: 0px 0px 20px 0px;
}

.box-recap {
    margin-bottom: 30px !important;
}

.cart_total {
    border-top: 2px solid #000;
}

.bree_bold.title_cart {
    /* color: #d41317; */
    font-size: 20px;
    color: #000000;
}

.bree_bold.cart2 {
    color: #000000;
    font-size: 22px;
}

.ligne_enfant {
    width: 4px;
    height: auto;
    background: #d41317;
}

.btn_cart button.btn_bowling.btn.btn-primary {
    border-radius: 0px 0px 15px 0px;
}

/* .title_home {
    margin: 50px 0;
} */

.btn_cart {
    margin-top: -22px;
}

.sub_img{
    width: 40px;
    height: 40px;
    object-fit: contain;
}
#select_datetime{
    background: white;
}
.table-condensed thead tr:nth-child(3) {
color: #D51317;
}
.num_child p {
    padding: 10px 25px 10px 25px;
    border: 1px solid #a4a4ae;
    font-size: 24px;
    min-width: 58px;
    text-align: center;
    border-radius: 5px;
}

.child_detaild_total {
    border-top: 1px solid #d41317;
}

.second_cart_child {
    margin-bottom: 45px;
}

.child_right button {
    width: 100%;
}

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

.child_detaild_total p {
    font-size: 20px;
    font-family: "Bree Bold";
    line-height: 20px;
    margin: 0;
}

.num_child p:hover {
    background: #d41317;
    color: #fff;
    border: 1px solid #d41317;
    transition: 0.5s;
}
/* .row.block_num {
    justify-content: flex-end;
} */
/* calndar*/

.modal_connexion a:hover,
.inscri_modal a:hover {
    color: #d41317;
}
/******************** New Calendar *********************/

.calender-bg {
    border: 1px solid #d41317;
    width: 100%;
}
.datepicker table tr td.active, .datepicker table tr td.active.highlighted{
    background-color: #d41317!important;
    border-color: #d41317!important;
}
.table-condensed thead tr:nth-of-type(2) th {
    border-radius: 0 !important;
    border: 2px solid #212529;
}
.datepicker table tr td.day{
    font-weight: bold;
    color:#28c334;
}
.euro{
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
}
.datepicker table tr td.day.disabled{
    font-weight: normal;

}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #29BB89 !important;
    cursor: pointer;
    color: white;

}
.datepicker table tr td.day.disabled:hover{
    background: #cecece !important;
}
.table-condensed thead tr:nth-of-type(2) {
    color: #fff;
    background-color: #212529;

}

.table-condensed thead tr:nth-of-type(2) th:hover {
    background-color: #676c70;
    color: #fff;
}

.datepicker-months .table-condensed {
    width: 210px !important;
}

.datepicker-years .table-condensed {
    width: 210px !important;
}

.datepicker-centuries .table-condensed {
    width: 210px !important;
}

.datepicker-decades .table-condensed {
    width: 210px !important;
}
/*****************************************************/

.container-calendar {
    /* padding: 0px 10px; */
    background-color: #ffffffbd;
    box-shadow: 0 0 2px 0px #0006;
    margin: 0px 15px 0px;
    overflow: hidden;
    width: 100%;
}

.button-container-calendar button {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    background: none;
    border: none;
}

.table-calendar {
    border-collapse: collapse;
    width: 100%;
}

.table-calendar td,
.table-calendar th {
    padding: 7px 1px;
    text-align: center;
    vertical-align: top;
}

.date-picker.selected {
    background: #d41317;
    border-radius: 50%;
    width: 37px;
    color: #fff;
    height: 30px;
}

#monthAndYear {
    text-align: center;
    margin-top: 6px;
    color: #fff;
    font-family: "Bree Regular";
    font-size: 16px;
}
.font-30{
    font-size: 30px;
}
.button-container-calendar {
    background: #000;
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
    clear: both;
    padding: 6px 0px;
}

thead#thead-month tr {
    color: #d41317;
    font-size: 16px;
}

.choise_time span img {
    padding-left: 4px;
    padding-right: 4px;
}

#previous {
    float: left;
}

#next {
    float: right;
}

.footer-container-calendar {
    margin-top: 1em;
    border-top: 1px solid #dadada;
    padding: 10px 0;
}

.footer-container-calendar select {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    background: #ffffff;
    color: #585858;
    border: 1px solid #bfc5c5;
    border-radius: 3px;
    padding: 5px 1em;
}

.container-calen {
    width: 100%;
    margin: auto;
}
/*end calnder*/

.card-red {
    border: 2px solid #d41317;
    -moz-transform: skew(-3deg, 0deg);
    -webkit-transform: skew(-3deg, 0deg);
    -o-transform: skew(-3deg, 0deg);
    -ms-transform: skew(-3deg, 0deg);
    transform: skew(-3deg, 0deg);
    padding: 25px !important;
}

.black_calander {
    border: 2px solid #d41317;
    -o-transform: skew(-1deg, 0deg);
    -ms-transform: skew(-1deg, 0deg);
    transform: skew(-1deg, 0deg);
    padding: 25px !important;
    margin-top: 40px!important;
}
.black_calander .table-condensed{
    border:1px solid;
    width:100%;
}
.datepicker-inline{
    width: 100%!important;
}
.black_calander .date-border{
    transform: skew(1deg, 0deg);
    -o-transform: skew(1deg, 0deg);
    -ms-transform: skew(1deg, 0deg);
}
.nb-enfant {
    border: 2px solid #d41317;
    font-size:24px !important;
}

.choise_time {
    text-align: center;
    /* border: 1px solid #fff; */
    border: 1px solid #d41317;
    background-color: #ffffff;
    box-shadow: 4px 6px 8px #00000029;
    padding: 10px 5px;
    margin-bottom: 20px;
    border-radius: 2px;
}

.choise_time:hover {
    text-align: center;
    color: #fff !important;
    border: 1px solid #D82430;
    background-color: #D82430;
    box-shadow: 4px 6px 8px #00000029;
}
/* .choise_time:hover {
    color: #fff;
} */

.choise_time:hover span img {
    opacity: 0;
}

.choise_time:hover span.pic {
    background-image: url(../img/flech_white.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
}

.col-md-6 .choise_time:hover span {
    color: #fff;
}

thead#thead-month tr {
    border-bottom: 1px solid #d41317;
}

.title_option {
    font-family: 'Bree Regular';
    font-size: 20px;
}

.ps-40 {
    padding-left: 41px;
}

select.slct {
    padding: 7px 7px;
    border: 1px solid #d41317;
    border-radius: 5px;
    color: black;
    width: max-content;
    outline: 0!important;
    box-shadow: none!important;
}

select.slct:focus-visible {
    border: 1px solid #d41317 !important;
    outline: none;
}

.choise_option_left {
    margin-bottom: 30px;
    z-index:1;
}

.thin {
    font-family: "Bree Thin";
}

button#previous:focus {
    outline: none;
}

button#next:focus {
    outline: none;
}

.box1 .b_h_pic:hover img {
    background-image: url(../img/back_red.png);
    background-repeat: no-repeat;
    background-position-x: 7px;
}

.box1 .b_h_pic{
    width: max-content;
    margin:auto;
}
.box1 .b_h_pic img {
    background-image: url(../img/back_transparent_balck.png);
    background-repeat: no-repeat;
    background-position-x: 7px;
    background-position-y: 100%;
    background-size: 80%;
    object-fit: cover;
    max-height: 300px;
    max-width: 300px;
    min-height: 250px;
    padding: 25px 25px 25px 30px;
    border-radius: 0 0 0 50px;
}

.box2 .b_h_pic img {
    background-image: url(../img/back_transparent_balck.png);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 63%;
    background-size: 75%;
    padding-bottom: 30px;
}

.box3 .b_h_pic img {
    background-image: url(../img/back_transparent_balck.png);
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: 63%;
    background-size: 75%;
    padding-bottom: 30px;
}

.box2 .b_h_pic:hover img {
    background-image: url(../img/back_red.png);
    background-repeat: no-repeat;
    background-position-x: 7px;
    background-position-y: 68px;
}

.box3 .b_h_pic:hover img {
    background-image: url(../img/reed_3.png);
    background-repeat: no-repeat;
    background-position-x: 7px;
    background-position-y: 95px;
}

.pic_formule img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-image: url(../img/back_red.png);
    background-repeat: no-repeat;
    width: 400px;
    background-size: 85%;
    background-position-x: 53px;
    background-position-y: 44px;
    padding-bottom: 60px;
}

.pic_formule2 img {
    background-image: url(../img/back_red.png);
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 70px;
}

.box1:hover p {
    color: #d41317;
}

.box2:hover p {
    color: #d41317;
}

.box3:hover p {
    color: #d41317;
}

.box1 p {
    font-size: 20px;
    text-transform: uppercase;
    margin-right: 130px;
    margin-bottom: 0;
}

.box2 p {
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 130px;
    margin-bottom: 0;
}

.box3 p {
    font-size: 20px;
    text-transform: uppercase;
    margin-left: 130px;
    margin-bottom: 0;
}

#section_detail {
    position: relative;
    padding: 0 15px;
}
#section_detail img, #section_detail img {
    max-height: 30px;
    display: inline-block;
    width: auto;
}

.bt2 {
    display: none;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bt {
    text-align: end;
}

.choise_time {
    color: #000;
    text-decoration: auto;
}

select.slct option {
    font-family: "Bree Thin";
    color: #000;
}

/* [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: 39px;
    z-index: 1;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 37px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: black;
    font-family: 'Bree Regular';
    font-size: 16px;
} */
.form-check-input[type=radio] {
    border: 1px solid rgba(0,0,0,.7);
    margin-top: 3px;
}
/*
[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: -7px;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #D41317;
    position: absolute;
    top: 3px;
    left: -4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
*/
[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.info_close img.icon-info, .info_close img.icon-info {
    width: 19px;
    height: 19px;
    margin: 0px 0 1px 3px;
    display: inline-block;
}
.style_desc{
    font-size: 16px;
    font-family:  'Bree Regular';
}
.cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

.cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #ddd;
    transition: all 0.2s ease;
}

.cbx span:first-child svg {
    position: absolute;
    top: 2px;
    left: 1px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #d41317;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.cbx span:last-child {
    color: #666;
    padding-left: 8px;
}

.inp-cbx:checked+.cbx span:first-child {
    background: #d41317;
    border-color: #d41317;
    animation: wave 0.4s ease;
}

.inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.inp-cbx:checked+.cbx span:first-child:before {
    transform: scale(3.5);
    opacity: 0;
    transition: all 0.6s ease;
}

@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

.section_calander {
    transform: skew( 2deg, 0deg);
    padding: 0px 20px;
}

/* .block_formule {
    padding: 0 28px !important;
}
 */
.num_child p {
    cursor: pointer;
}

.box_cart1 {
    background: #fff;
    border-radius: 8px !important;
}

.recap2 {
    font :  40px 'Bree Bold';
    margin-bottom: 67px;
}

.block_formul {
    border: 2px solid;
    background: #fff;
    margin-bottom: 96px;
}

.block_formul a {
    background: #d41317;
    color: #fff;
    text-decoration: auto;
    padding: 6px 45px;
    border: 1px solid #d41317;
}

.block_formul a:hover {
    background: #fff;
    color: #d41317;
    border: 1px solid #d41317;
    transition: 0.6s;
}

.sec_formul p {
    font-size: 18px;
    margin-bottom: 0;
}

.block_formul a.second_link {
    padding: 6px 25px;
}

.sec_formul {
    border-bottom: 1px solid #e3e3e3;
}

.sec_formul_last {
    border-bottom: none;
}

body.page_inscri {
    background: #fff;
}

body.page_inscri .block_top {
    opacity: .7;
}


.input_mail {
    display: flex;
    border: 1px solid #000;
    border-radius: 5px;
}

#connexionModal .input_mail > img{
    position: absolute;
    top: 16px;
    left: 0;
}
#connexionModal .input_mail {
    display: block;
    border: 0px solid #000;
    border-radius: 5px;
    position: relative;
}
#connexionModal .form-login-new  input{
    display: flex;
    border: 1px solid #000;
    border-radius: 5px;
    padding-left: 28px;
}

.mdplost-form .error, #register-tab form .error, form.form-login .error, form.form-login-new .error {
    color: var(--red) !important;
    float: none !important;
    font-size: 14px!important;
}
input.form-control:focus {
    color: #000;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

input.form-control::placeholder {
    color: #B0B0B0 !important;
    font-size: 14px !important;
    font-family: "Bree Thin" !important;
}

.btn_inscri .btn {
    width: 100%;
}

.picture_inscri {
    text-align: center;
    margin-top: -40px;
}

.auto_picture {
    width: 100%;
    height: 100%;
}

p.title_inscri {
    font-size: 22px;
    color: #D41317;
}

.mdp_button {
    color: #212529 !important;
}

.short_size {
    font-size: 14px;
}

.inscr_left {
    margin-bottom: 197px;
    box-shadow: 10px 10px 15px #00000029;
}

.block_inscri a {
    color: #D41317;
    text-decoration: auto;
}

.icon_sociaux img {
    padding-left: 7px;
    padding-right: 7px;
}

input.form-control::placeholder {
    color: #B0B0B0;
    opacity: 1;
}

input.form-control :-ms-input-placeholder {
    color: #B0B0B0;
}

input.form-control ::-ms-input-placeholder {
    color: #B0B0B0;
}

[aria-current="page"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.home_pic {
    margin: 0px 15px 0px;
}

.box1:hover .title_box {
    color: #D41317
}

.box2:hover .title_box {
    color: #D41317
}

.box3:hover .title_box {
    color: #D41317
}
/* RESPONSIVE */

@media screen and (max-width: 1177px) {
    .pic_formule img {
        background-position-x: 42px;
        background-position-y: 34px;
    }
}

@media only screen and (max-width: 768px) {
    .block_formul a {
        padding: 7px 20px !important;
    }
    #section_detail:hover .bt {
        text-align: center;
        margin-top: 0px !important;
    }
    #section_detail:hover .bt2 {
        text-align: center;
        margin-top: 0px !important;
    }
    .num_child p {
        padding: 10px 15px 10px 15px;
        border: 1px solid #a4a4ae;
    }
    p.title_account {
        color: #fff;
        font-size: 16px;
        padding-top: 4px;
        text-transform: uppercase;
    }
    img.logo_bowling {
        width: 40%;
        max-width: 100%;
    }
    .account img {
        width: 38%;
        max-width: 100%;
    }
    .block_num {
        justify-content: center !important;
    }
    .black_calander {
        margin-bottom: 20px;
    }
    .pic_formule img {
        background-position-x: 53px;
        background-position-y: 45px;
    }
    .title_home{
        font-size: 32px!important;
    }
}
/* .btn-username {
    background: #c9c9c9;
    color: #fff;
    padding: 11px 18px 11px;
    height: 47px;
    font-family: "Bree Regular";
    font-size: 18px;
    border-radius: 0 0 0 18px;
  }
  .btn-img-user {
    padding: 6px 6px 6px 7px;
    background: #d41217;
    height: 47px;
  } */
  .btn-username {
    font-family: "Bree Regular";
    font-size: 18px;
    color: #000;
  }
.dropdown:hover .dropdown-menu{
    display: block;
    left: unset;
    right: 5px;
    top: calc(100% - 10px);
    z-index: 1;
}
.dropdown{
    cursor: pointer;
}
.dropdown.btn-reserver.dropdown-user {
    padding-bottom: 10px;
}
.dropdown-menu {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-menu a{
    color: #212529;
    font-size: 16px;
    line-height: 1.6;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #212529;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff!important;
    background-color: #D51317;
}
.dropdown-item {
    font-family: "Bree Regular";
}
.red-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #d51317;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.rounded-top-left {
    border-top-left-radius: 20px;
}

.rounded-bottom-right {
    border-bottom-right-radius: 20px;
}

.renvoyer-custom {
    color: #D51317;
}
.form-login-new .iti input[type=email]{
    padding-left: .75rem!important;
}
.form-login-new .icon-hidden{
    display:none;
}

.form-login-new .input-mail-new {
    border: 0px solid #000!important;
    display: block;
}
.form-login-new #valid-msg_login-email,
.form-login-new #error-msg_login-email{
    display: block;
    text-align: left;
}
.form-login-new .input-mail-new .iti.iti--allow-dropdown.iti--separate-dial-code input{
    display: flex;
    border: 1px solid #000!important;
    border-radius: 5px;
}

@media screen and (max-width:450px) {
    .pic_formule img {
        background-position-x: 53px;
        background-position-y: 44px;
    }
    .box2 .b_h_pic img {
        background-image: url(../img/back_transparent_balck.png);
        background-repeat: no-repeat;
        background-position-x: 7px;
        background-position-y: 90px;
        background-size: 75%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:414px) {
    .pic_formule img {
        background-position-x: 45px;
        background-position-y: 37px;
    }
}

@media screen and (max-width:408px) {
  /*  .bg-white-img-custom {
        width: 373px;
    }
    .bg-white-img-custom::before {
        content: "";
        left: 5px;
        top: 57px;
        width: 352px;
    }*/
}

@media screen and (max-width:375px) {
    .pic_formule img {
        background-position-x: 42px;
        background-position-y: 34px;
    }
}

@media screen and (max-width:360px) {
    .pic_formule img {
        background-position-x: 42px;
        background-position-y: 34px;
    }
}

@media screen and (max-width:349px) {
    .pic_formule img {
        background-position-x: 42px;
        background-position-y: 34px;
    }
}

@media screen and (max-width:321px) {
    .pic_formule img {
        background-position-x: 32px;
        background-position-y: 28px;
    }
}

@media (min-width: 769px) and (max-width: 1025px) {
    .block_formul a {
        padding: 6px 32px;
    }
    .black_calander {
        margin-bottom: 20px;
    }
    .row.block_num {
        justify-content: center;
    }
    .num_child p {
        padding: 10px 15px 10px 15px;
        border: 1px solid #a4a4ae;
    }
    .pic_formule img {
        background-position-x: 42px;
        background-position-y: 34px;
    }
}

@media (min-width: 1024px) and (max-width: 1155px) {
    .pic_formule img {
        background-position-x: 42px;
        background-position-y: 34px;
    }
    .form_formul {
        width: 50%;
    }
    .block_formul a {
        padding: 6px 26px;
    }
    .choise_time {
        padding: 10px 1px;
    }
    .row.block_num {
        justify-content: center;
    }
    .child_left {
        padding: 0;
    }
    .num_child p {
        padding: 10px 15px 10px 15px;
        border: 1px solid #a4a4ae;
    }
    .col-md-12.col-lg-5.detail-form {
        margin-top: -30px;
        padding: 0;
    }
}

@media (min-width: 1156px) and (max-width: 1390px) {
    .choise_time {
        padding: 10px 8px;
    }
}
/* Firefox */

input[type="number"] {
    -moz-appearance: textfield;
}
/* Chrome */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Opéra*/

input[type="number"]::-o-inner-spin-button,
input[type="number"]::-o-outer-spin-button {
    -o-appearance: none;
    margin: 0
}

.radio-input-sm input[type="radio"]:empty {
    display: none;
}

.radio-input-sm input[type="radio"]:empty~label {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: max-content;
    background: #ffffff;
    margin-bottom: 0;
    color: #000000;
}

.radio-input-sm input[type="radio"]:hover:not(:checked)~label {
    color: #ffffff;
    background-color: #D82430;
}

.radio-input-sm input[type="radio"]:checked~label {
    color: #ffffff;
    background-color: #D82430;
}

.radio-input-sm [type="radio"]:checked+label span.pic {
    background-image: url(../img/flech_white.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
}
.radio-input-sm [type="radio"]:checked+label span.pic img{
    opacity: 0;
}
.radio-input-sm input[type="radio"]:empty~label::after,
.radio-input-sm input[type="radio"]:empty~label::before,
.radio-input-sm [type="radio"]:checked+label::after,
.choise-time [type="radio"]:not(:checked)+label::after,
.radio-input-sm [type="radio"]:checked+label::before,
.choise-time [type="radio"]:not(:checked)+label::before {
    content: none !important;
}

.iti {
    display: block !important;
}

.iti__country {
    padding: 6px 6px;
    color: #000;
}

.bg-modal {
    background-image: url(../img/background_body.png);
    color: #000;
    background-size: cover;
}

.hover-dark:hover {
    color: #D82430 !important;
}

.color_price {
    font-size: 18px;
    color: #D41317
}
#pills-tabContent .table-responsive{
    padding:40px 20px;
    background: #ffffff;
    box-shadow: 0 4px 10px #cecece;
    border-top: 2px solid;
}
.table-responsive::-webkit-scrollbar {
    height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f2f2f2;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #b3b3b3;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #999;
}
.table-responsive {
    overflow-x: inherit;
}
div#historique-des-commandes .table-responsive {
    border: none;
    padding: 0;
    padding-bottom: 12px;
    background: #ffffff;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 30%);
    border-radius: 0 0 40px 40px;
}
#historique-des-commandes .nav-link.active{
    box-shadow: unset;
    border-bottom: 1px solid #d4d3d3;
}
table#ticketsCE_table {
    overflow: hidden;
    width: 100%!important;
}
.font-size-title {
    font: normal normal normal 40px/45px Bree Bold;
    color: #000000;
}
.font-size-subtitle {
    font: normal normal normal 24px/30px Bree Regular;
    color: #D51317;
}
div#historique-des-commandes .dataTables_wrapper {
    padding: 0;
}
div#historique-des-commandes .table-responsive thead th {
    padding: 14px 10px;
}
div#historique-des-commandes .table-responsive tbody.text-black>tr>td {
    padding: 14px 0;
}
div#historique-des-commandes .table-responsive .dataTables_length {
    margin: 0 20px;
}
div#historique-des-commandes .table-responsive .dataTables_paginate {
    margin: 0 20px;
    margin-left:auto;
}
#annif_table_paginate, #ticketsCE_table_paginate, #ticketsCE_table_length , #bar_table_length, #annif_table_length, #bar_table_paginate, #bowling_table_length, #bowling_table_paginate{
    width: max-content;
}
#annif_table_paginate select, #ticketsCE_table_paginate select, #ticketsCE_table_length select ,
#bar_table_length select, #annif_table_length select, #bar_table_paginate select, #bowling_table_length select,
#bowling_table_paginate select{
    margin:0 8px;
}
#annif_table_wrapper #ticketsCE_table_wrapper #bowling_table_wrapper #bar_table_wrapper table th{
    padding:10px 0;
    line-height: 1.4;
}
#annif_table_wrapper #ticketsCE_table_wrapper #bar_table_wrapper #bowling_table_wrapper table td{
    padding:6px 0;
    line-height: 1.4;
}
 #mes-informations a.link-card {
    background-image: url("../img/mon_comptes.png");
    height: 230px;
    width: 264px;
    background-size: cover;
    transition: 0.2s ease-in-out;
    margin-bottom: 28px;
}
#mes-informations .bars {
    width: 264px;
    max-width: 100%;
}

#mes-informations .bar {
    height: 5px;
    transition: 0.5s;
    margin-left: 16px;
}
.link-centent {
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
    width: 100%;
}
.link-centent .style-text{
    color: black;
    font: normal normal normal 24px/30px Bree Bold;
    padding: 0 60px;
    margin: 0 auto;
    cursor: pointer;
}
.icon-right{
    position: fixed;
    margin-top: -100px;
    right: 8px;
}

.box-profite::before {
    content: "";
    position: absolute;
    left: -16px;
    bottom: 5px;
    background: url(../img/hover-bowling-box.png);
    width: 219px;
    height: 187px;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
}
.blanc-rectangle {
    background-image: url("../img/start-blowing-but-first-make-wish.png");
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    display: table;
    margin: 0 auto;
    position: relative;
    /* padding: 25px 20px 10px !important; */
    width: 235px;
    height: 200px;
    z-index: 1;
}
.iti{
    width: 100%;
}
table#ticketsCE_table a.btn.btn-xs {
    padding: 0;
}

/***======================= MODAL LOGIN ============================***/
/* style modal */

#password_Modal {
    cursor: pointer;
}

.mdp-lost-message,
#login-tab .error,
#register-tab .error,
.mdplost-form .error,
#register-tab form .error,
form.form-login .error {
    font-size: 14px !important;
    font-family: 'Bree Regular';
}

.label_modal {
    font: 16px 'Montserrat SemiBold';
    color: #2B2E71;
}

.hr_border {
    border: 1px solid #2B2E71;
}

.left_box {
    box-shadow: 0px 8px 20px #00000029;
}

.right_box {
    background: #E9EEF7 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #00000029 !important;
}

.title_login {
    text-align: left;
    font: 22px/24px 'Bree Bold';
    letter-spacing: 0px;
    color: #D51317;
    opacity: 1;
}

.btn_signIn {
    text-align: left;
    font: 14px/16px 'Bree Regular';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.btn_signUp {
    text-align: left;
    font: 14px/16px 'Bree Regular';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.btn_auth {
    background: #F6202C 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font: 600 13px/16px Montserrat-regular;
    color: #FFFFFF;
}

.modal_forgot {
    position: fixed;
    top: 170px;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    outline: 0;
}

.modal-dialog {
    max-width: 800px !important
}

.modal-content {
    background: url(../img/bg_modal.png) !important;
    box-shadow: 0px 8px 20px #00000029 !important;
    height: 550px;
    border: none;
    margin: 0;
}

.img_logo_model {
    margin-top: -29px;
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

#login-register-model .modal-content img.img-fluid {
    max-width: 100%;
    height: 550px;
    width: 100%;
    object-fit: cover;
}

#style_input {
    font: 14px Montserrat-regular;
    color: #2E6EB6;
}

.txt_last {
    text-align-last: center;
}

.right_auth_box {
    transform: translate(400px, 0px);
}

.left_connect_box {
    transform: translate(-405px, 10px);
}

.left_auth_box {
    transform: translate(0px, 0px);
}

.right_connect_box {
    transform: translate(0px, 10px);
}

#login-register-model {
    margin-top: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.slide-btn {
    background-image: url(../img/test.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 200px;
    height: 60px;
    position: absolute;
    bottom: -60px;
    padding: -10px;
    left: calc(50% - 100px);
    cursor: pointer;
}

.modal-backdrop {
    background: #ccc 0% 0% no-repeat padding-box !important;
    opacity: 0.72 !important;
}

#myTab {
    margin-bottom: 35px;
}

.or_style {
    font: 14px 'Montserrat SemiBold';
    color: #2B2E71;
}

.style_social {
    font: 14px 'Montserrat-Medium';
    color: #2B2E71;
}

.style_forgot {
    font: 13px 'Montserrat-regular';
    color: #2B2E71;
}

.forgot_pass {
    font: 14px/16px 'Bree Regular';
    color: #000000 !important;
}

.forgot_pass_res {
    font: 14px/5px 'Bree Regular';
    color: #D51317;
}

.ou-btn {
    font: 100 14px/16px 'Bree Regular';
    color: #000000;
}

.btn_connect {
    background: #D51317 0% 0% no-repeat padding-box;
    border-radius: 4px;
    text-align: center;
    font: 18px/5px 'Bree Regular';
    color: #FFFFFF;
    width: 100%;
    border-style: none;
    outline: none !important;
    border: none !important;
}
/* 
.input-style_auth,
.password_email_lost, .modal input.form-control {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000!important;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    outline: 1px;
} */

.modal-content-forgot-password {
    background: url(../img/bg_modal.png) !important;
    box-shadow: 0px 8px 16px #0000001a !important;
    border: 2px solid #D51317;
    height: max-content;
}

.modal-content-forgot-password {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .3rem;
    outline: 0;
}

.modal-dialog-forgot-password {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    border-radius: .3rem;
}

.modal.show .modal-dialog-forgot-password {
    -webkit-transform: none;
    transform: none;
}
/**** hide and show password ****/
#mdp-input.input-group {
    position: relative;
}
#mdp-input.input-group .form-control {
    padding-right: 30px;
}
#mdp-input.input-group i.fa {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    top: 3px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}
.input-group #password-error {
    display: block;
    width: 100%;
}
.input-group input.form-control.input-style_auth.error {
    width: 100%;
}
#login-register-model .form-control {
    padding: 0;
    outline: 0 !important;
    box-shadow: none;
    color: #a2a2a2;
    border: none;
    border-bottom: 3px solid #000000;
    border-radius: 0;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Bree th'!important;
    background: transparent;
}
#login-register-model .form-control:focus {
    color: #3d3d3d;
    border-color: #d41217;
    outline: 0;
    box-shadow: none;
}
/******/
@media screen and (max-width: 991px) {
    .modal-dialog {
        max-width: 700px !important;
    }
    .left_connect_box {
        transform: translate(-350px, 10px);
    }
    .right_auth_box {
        transform: translate(350px, 0px);
    }
}
@media screen and (max-width: 768px) {
    .modal-dialog {
        max-width: 660px !important;
    }
    .right_auth_box {
        transform: translate(330px, 0px);
    }
    .left_connect_box {
        transform: translate(-330px, 10px);
    }
}

@media screen and (max-width: 700px) {
.modal-dialog {
    max-width: 480px !important;
}
.separateur.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
}

@media screen and (max-width: 576px) {
    .modal-dialog {
        margin: .5rem auto;
    }
    #login-register-model {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog-forgot-password {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

.title_forgot_password {
    font: 22px/24px 'Bree Bold';
    color: #D51317;
}

.btn_forgot_password {
    background: #D51317 0% 0% no-repeat padding-box;
    border-radius: 4px;
    text-align: center;
    font: 18px/5px 'Bree Regular';
    color: #FFFFFF;
    width: 100%;
    border: unset;
    outline: none!important;
    border: none!important;
}

@media only screen and (max-width: 812px) and (min-width: 700px) {
    .modal-content {
        height: auto !important;
        flex-direction: row !important;
    }
}

@media only screen and (max-width: 700px) and (min-width: 280px) {
    .modal-content {
        height: auto !important;
        flex-direction: row !important;
    }
    .modal-dialog {
        max-width: auto !important;
    }
    #auth_box {
        display: none;
    }
    .modal-content {
        display: block;
        padding-bottom: 40px;
    }
    .right_auth_box {
        transform: translate(0, 0px);
    }
    .left_connect_box {
        transform: translate(0, 0);
        max-width: 100%;
        width: 100%;
    }
    .left_auth_box {
        transform: translate(0px, 0px);
        max-width: 100%;
        width: 100%;
    }
    .right_connect_box {
        transform: translate(0px, 0px);
    }

}
/***====================== FIN MODAL LOGIN =========================***/

#mdp-tab .fa {
    position: absolute;
    top: 40.5px;
    right: 32px;
    cursor: pointer;
}

/****============================== responsive Mon Compte =================================***/

@media screen and (max-width: 991px) {
    .font-size-title {
        font-size: 35px;
    }
    .bg-formulaire.px-5 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .nav-pills .nav-link {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .font-size-title {
        font-size: 30px;
    }
    #pills-tabContent table{
        font-size: 12px;
    }
    .form-group.col-pad-r {
        padding-right: 5px;
    }
    .form-group.col-pad-l {
        padding-left: 5px;
    }
    .table-responsive {
        overflow-x: auto;
    }
    #historique-des-commandes #pills-tab .nav-item {
        flex: 1 1 auto;
        margin: 0;
    }
    .nav-item{
        min-width: unset;
    }
}
@media screen and (max-width: 575px) {
    #footer {
        height: 60px;
    }
    div#updateProfil, div#updateProfiladress, div#updateProfilmdp {
        right: 12px;
        bottom: -18px;
        padding: 9px 36px;
        font-size: 17px;
    }
}
@media screen and (max-width: 510px) {
    #footer {
        height: 60px;
    }
}
@media screen and (max-width: 460px) {
    .bg-formulaire.px-5 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    #pills-tabContent .table-responsive {
        padding: 30px 10px;
    }
    .profil_mes_info li.nav-item:not(:last-child) {
        margin: 0;
        margin-right: 0;
    }
    .h1.font-size-title {
        font-size: 24px;
    }
}
.m-25{
    margin-right: 25px !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #d41317;
     border-color: #d41317;
}
.size-img{ width: 30px; }
.mail_saisie form, #password_form, .register form, .enfant_saisie form{
    border:2px solid #000000;
    border-radius: 50px 0;
}
#return_email, .reset_psw, #return_email_register{
    color:#d41317;
    text-decoration: none;
}
#check-user-page input{
    border:1px solid;
}
.reset_psw{
    color: black ;
    font: 14px 'Bree Regular';
}
.reset_psw:hover{
    color: black !important;
}
#return_email{
   font-family: 'Bree Bold';
   font-size: 18px;
}
.input-password{
    color: black;
    font: 16px 'Bree Regular';
}
.title_home{
    font : 40px  'Bree Bold';
    color: black;
}
.sub_title{
    font : 18px  'Bree Regular';
    color: black;
}
#eye_show{
    font-size: 19px;
    margin-top: -3px;
}
.input-email{
    font : 16px  'Bree Regular';
    color: black;
}
#email_form input::placeholder{
    color: #C9C9C9 !important;
    padding-left: 10px;
}
#return_email_register{
    font-family: 'Bree Bold';
    font-size: 18px;
}
.input-prenom_enfant{
    font : 16px  'Bree Regular';
    color: black;
}
.style_box img {
    width: auto;
    height: 35px;
}
label.error{
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
    display: block;
}
.eyes {
    position: relative;
    float: right;
    bottom: 27px;
    right: 13px;
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 36px;
    padding: 4px 6px 0 8px;
  }
.iti__selected-dial-code {
    color: black !important;
}
#postal_code-error{
    font-size: 14px;
}
#city-error{
    font-size: 14px;
}
#input_phone-error{
    font-size: 14px;
}
#fname-error{
    font-size: 14px;
}
#name-error{
    font-size: 14px;
}
#address-error{
    font-size: 14px;
}
.title_verify{
    font:  30px 'Bree Bold';
    color: #d41317;
}
.date_bowling table {
    background-color: white;
    width: 100%;
}
.date_bowling .datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 40px;
    border-radius: 4px;
    border: none;
}
.card_bowl{
    border-radius: 0 0px 75px;
    border: 2px solid #d41317;
}
.img_panier{
    width: 20px;
    height: 21px;
}
.title_bowl{
    font : 20px 'Bree Regular';
    color: black;
    text-transform: capitalize;
}
.title_formule {
    font:  16px 'Bree Bold';
    color: black;
    text-transform: capitalize;
    padding-bottom: 12px;
}
.title_card {
    font:  16px 'Bree Bold';
    color: black;
    text-transform: capitalize;
    margin: 0;
}
.font-18 {
    font-size: 18px!important;
}
.style_sub_title{
    font:  16px 'Bree Regular';
    color: black;
}
.background_player{
    border: 2px solid #000000;
    border-radius: 50px 0;
    background-color: white;
}
.style_number{
    position: relative;
    top: -36px;
    /* left: 0; */
    float: right;
    color:  #d41317 ;
    border: 1px solid;
   background-color: white;
}
#player input, #FormulaireDeSaisie input {
    border: 1px solid #000;
}
.title_player{
    color: #d41317;
    font-size: 16px;
}
.background_player .title_player {
    color: #000;
}
.recap_bowl{
    font: 16px 'Bree Regular';
}
.accordion-toggle{
    font:  16px 'Bree Regular';
    color: black;
    text-decoration: none;
}
.accordion-toggle:hover{
    color: black;
    text-decoration: none;
}
.accordion-toggle span.panel-title {
    font: 16px 'Bree Bold';
    text-transform: capitalize;
}
.fa-arrow-circle-up{
    display: none;
}
 a[aria-expanded="true"] .fa-arrow-circle-up{
    display: block;
}
a[aria-expanded="true"] .fa-arrow-circle-down
{
    display: none;
}
.panel-heading{
    border-bottom: 1px solid #2B2E71;
}
/**** added ****/
p.text_formule {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 20px;
}
.datepicker table tr td, .datepicker table tr th {
    border: none !important;
    outline: 0 !important;
}

.cart-child {
    background: #fff;
    border-radius: 0px 0px 30px 0px;
    /* box-shadow: 10px 10px 15px #00000029; */
    box-shadow: 5px 0px 10px 2px #00000029;
    padding: 1.5rem .5rem 0;
    z-index: 2;
}
.child_right {
    border-radius: 0px 0px 30px 0px;
    position: relative;
    margin-top: 0!important;
}
.child_right::after {
    position: absolute;
    content: "";
    left: -8px;
    top: 8%;
    background: #d41317;
    width: 92%;
    height: 95%;
    z-index: -1;
    border-radius: 0 0 30px 0;
    transform: skew(-1deg);
}
.row_option {
    display: flex;
    align-items: start;
}
.col_img_option {
    margin: 0 1rem 0 0;
    width: 40px;
}
.style_img_options {
    max-height: 40px;
    max-width: 40px;
}
span.text_label_radio {
    padding-left: 8px;
}
/****** ======= ******/
@media screen and (max-width: 991px) {
    #select_datetime {
        background: white;
        max-width: 380px;
        display: table;
        width: 100%;
        margin: 0 auto;
    }
    .bg-white-img-custom-nb-enfant .continuer-btn.btn_bowling {
        display: table;
        margin: 0 auto 20px;
    }
    .child_detaild_total p {
        margin: 0;
        line-height: 20px;
    }
}
@media screen and (max-width: 950px) {
    span.text_formule {
        font-size: 16px;
    }
    .title_formule {
        display: block;
    }
    p.number-f {
        padding: 0;
        display: block;
        float: none !important;
        margin: 0;
    }
    p.title-f, h2.title-f {
        margin: 0 0 5px;
    }
    p.text_formule {
        font-size: 16px;
    }
    .block_formule {
        margin-bottom: 40px;
    }

    .row.block_top {
        margin-bottom: 20px !important;
    }
}
@media screen and (max-width: 768px) {

    .black_calander {
        margin-top: 20px!important;
    }
}
@media screen and (max-width: 576px) {

    .title_home {
        font-size: 34px !important;
        padding: 1rem 0 !important;
    }
    p.title-f, h2.title-f {
        font-size: 22px;
        margin: 0 0 5px;
    }
    .black_calander {
        margin-top: 0 !important;
    }
    .nice-select {
        max-width: 70%!important;
        white-space: normal!important;
        line-height: 20px!important;
        font-size: 16px!important;
        padding-left: 10px!important;
    }
}
@media screen and (max-width: 480px) {
    .title_home {
        font-size: 26px !important;
    }
}
/***=========== formule new design ================***/
.formule-card {
    max-width: 448px;
    display: table;
    margin: 0 auto;
    /* padding: 15px; */
    width: 100%;
    overflow: hidden;
    color: #000000;
    font-family: "Bree Regular";
    border-radius: 0 80px 0 20px;
    background:#ffffff;
  }
  .formule-card #item-formule {
    text-decoration: none;
    padding: 0;
    display: block;
    border: none;
    color: #000000;
    font-family: "Bree Regular";
    border-radius: 0 80px 0 20px;
    background:#ffffff;
  }
  .formule-card .card-image {
    position: relative;
    border: 4px solid #000;
    border-radius: 0 80px 0 0;
    background-color: #000;
    transition: all 0.3s ease-in-out;
  }
  .formule-card .card-image .img-formule {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 0 78px 0 0;
    background-color: #fff;
  }
.formule-card .card-image .position-absolute {
    background-color: #000;
    border-radius: 0 16px;
    padding: 4px 14px 6px 12px; 
    transition: all 0.3s ease-in-out;
  }
  .formule-card:hover .card-image .position-absolute {
    background-color: #D51317;
  }
  .formule-card .title-formule {
    position: relative;
    color: #fff;
    border-radius: 0 20px 0 20px;
    text-align: center;
    /* max-height: 54px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
  }
  .formule-card .title-formule h2 {
    font-size: 30px;
    font-weight: 400;
    font-family: "Bree Regular";
    line-height: 36px;
    letter-spacing: 0.02em;
    margin: 0;
    padding: 6px 5px 0px;
  }
  /*** timing-fomule ***/
  .formule-card .timing-fomule {
    padding: 14px 13px 15px;
  }
  .formule-card  .timing-fomule .time {
    display: flex;
    justify-content: end;
    align-items: center;
  }
  .formule-card .timing-fomule .clock img {
    width: 20px !important;
    height: 20px;
    margin-right: 13px;
  }
  .formule-card .timing-fomule .text-time {
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 0.02em;
    font-family: 'Bree';
    font-weight: 500;
  }
  /*** details-formule ***/
  .formule-card .details-formule {
    border: 2px solid #000;
    padding: 21px 20px 60px 38px;
    border-radius: 0 20px !important;
    position: relative;
    margin: 0 2px 47px;
    transition: all 0.35s ease-in-out;
  }
  .formule-card .details-formule:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -24px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #000;
    background-image: url(../img/icons/clock-icon.svg);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: left center;
    background-position: 2px 6px;
}
.formule-card .parcoursbowling_icone {
    border: 2px solid #000;
    padding: 21px 20px 60px 38px;
    border-radius: 0 20px !important;
    position: relative;
    margin: 0 2px 47px;
    transition: all 0.35s ease-in-out;
  }
  .formule-card:hover .parcoursbowling_icone {
    border-color: #D51317;
  }
.formule-card .parcoursbowling_icone::before{
    content: "";
    position: absolute;
    left: -2px;
    top: -24px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #000;
    background-image: url(../img/icons/bowlingparcours.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: left center;
    background-position: 10px 6px;
}
.formule-card:hover .parcoursbowling_icone::before{
    background-color: #D51317;
}
  .formule-card .details-formule .options-formule, .formule-card .details-formule .activity-formule {
    padding-left: 20px;
  }
  /*** activity-formule ***/
  .formule-card .details-formule .img-activity img,
  .formule-card .details-formule .img-option img {
    height: auto !important;
    width: 25px !important;
  }
  .formule-card .details-formule .suboption-item img {
    height: auto !important;
    width: 20px !important;
  }
  .formule-card .details-formule .suboption-item i {
      font-size: 20px;
  }
  .formule-card .details-formule .row-activity, .formule-card .details-formule .suboption-item,
  .formule-card .details-formule .row-option {
    display: flex;
    align-items: flex-start;
  }
  .formule-card .details-formule .col-img-activity img, .formule-card .details-formule .col-img-option img,
  .formule-card .details-formule .col-img-activity i, .formule-card .details-formule .col-img-option i{
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .suboption-item i, .option-item i {
    font-size: 24px;
    color: #000000!important;
    margin-right: 14px !important;
  }
  .formule-card .details-formule .options-formule {
    margin-bottom: 12px;
  }
  .formule-card .details-formule .suboption-item {
    margin-left: 5px;
    padding: 5px 0 5px 12px;
  }
  .formule-card .details-formule .suboption-item .img-suboption {
    margin-right: 12px;
  }
  .formule-card .details-formule .options-formule h4.options-title {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0.02em;
    font-family: 'Bree Bold';
  }
  span.text_formule, .text-suboption, .text-option {
    font-size: 18px;
    font-family: "Bree Regular";
    line-height: 20px;
    letter-spacing: 0.02em;
  }
 .formule-card .details-formule .option-block {
    padding-left: 12px;
    border-left: 3px solid #000;
  }
  .formule-card .details-formule .option-item {
    padding: 5px 0;
  }
  /*** info-alert ***/
  .formule-card .info-alert {
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 55px;
    width: 83%;
    height: auto;
  }
  .formule-card .info-alert .icon-info {
    display: inline-block !important;
    width: 20px !important;
    margin-right: 10px !important;
  }
  .formule-card .info-alert .text-info {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #D51317 !important;
    font-family: "Bree Regular";
  }
  /*** guests ****/
  .formule-card .guests {
    padding: 17px 20px 15px 55px;
    border: 2px solid #000;
    border-radius: 0 20px !important;
    position: relative;
    margin: 0 2px;
    height: 59px;
    transition: all 0.35s ease-in-out;
  }
  .formule-card .guests:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -24px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #000;
    background-image: url(../img/icons/people-icon.svg);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
}
  .formule-card .guests .guest-img img {
    display: inline-block !important;
    width: 25px !important;
    margin-right: 12px !important;
  }
  .formule-card .guests .guest-text {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.02em;
  }
  /**** price_formule ****/
  .formule-card .price_formule {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    padding: 14px 3px 20px;
  }
  .formule-card .price_formule .price-text, .formule-card .price_formule .price-label {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.02em;
  }
  .formule-card .price_formule .price-text .euro {
    font-weight: 400;
  }
  .formule-card .price_formule .price-img img {
    display: inline-block !important;
    width: 25px !important;
    margin-right: 5px !important;
  }
  .formule-card .button-formule {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    background: #D51317;
    width: 100%;
    height: 45px;
    display: block;
    border-radius: 0 20px 0 17px;
    text-align: center;
    line-height: 24px;
    padding: 10px 14px 11px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
  }
  /*** .formule-card:hover ***/
  .formule-card:hover .details-formule , .formule-card:hover .guests {
    border-color: #D51317!important;
  }
  .formule-card:hover .card-image {
      border-color: #D51317!important;
      background: #D51317!important;
  }
  .formule-card:hover .details-formule::before, .formule-card:hover .guests:before {
    background-color: #D51317!important;
  }
  .formule-card .button-formule:hover {
      font-size: 20px !important;
  }
/*** carousel formules ***/
.owl-dots {
    text-align: center;
    width: 100%;
    bottom: 0;
    position: absolute;
}
.owl-carousel button.owl-dot {
    width: 14px;
    height: 14px;
    margin: 5px;
    border-radius: 50%;
    background: #869791 !important;
    outline: 0!important;
}
.owl-carousel button.owl-dot.active {
    background: #d41317 !important;
}
.img-activity , .icon-activity{
    max-height:26px;
}
button:focus {
    outline: unset !important;
}



.formule-card .price_formule .price-text {
    white-space: nowrap;
    margin: 0;
    width: auto;
    display: flex;
    justify-content: end;
    align-items: center;
  }
@media screen and (max-width: 420px) {
      .formule-card .title-formule h2 {
        font-size: 20px;
        line-height: 30px;
      }
      .formule-card .card-image .img-formule {
        height: 240px;
      }
      .formule-card .timing-fomule .clock img {
        width: 18px !important;
        height: 18px;
        margin-right: 10px;
      }

}
/*****================== page reservation =========================****/

.background_box_reservation{

    background-color: #fff;
    border: 2px solid #B40400;
    border-radius: 0 50px;
}
.background_box_reservation:hover{
    background-color: #B40400;
}
#style_text_box{
    font: normal normal 20px/29px 'Bree Regular';
    color: black;
}
.background_box_reservation:hover #style_text_box{
   color: white ;
}
.background_box_reservation #style_text_box {
    font-size: 22px;
    line-height: 24px;
}
.text-desactivation {
    position: absolute;
    top: -1px;
    left: 0;
    padding: 5px 15px;
    background: #a50011;
    font-size: 20px;
    max-width: 90%;
}
.style_img{
    width: auto;
    height: 120px;
}

.disable_module, .disable_module:not(.disabled_sticker) {
    cursor: not-allowed !important;
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
/***** ========= Page error ================== ****/
.page-error .error-title {
    font-family: 'Montserrat',sans-serif;
    font-size: 64px;
    line-height: 78px;
    font-weight: 700;
    color: #D51317;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 37px;
}
.page-error .warning {
    height: 90px;
    width: auto;
    margin-right: 25px;
}
.page-error .error-subtitle {
    font-family: "Bree Bold";
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 30px;
}
.page-error .txt-error {
    font-family: "Bree Regular";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #000;
    display: table;
    margin: 0 auto 20px;
    padding: 0;
    max-width: 573px;
}
.btn.btn_backhome {
    font-family: "Bree Bold";
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background-color: #D51317;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none;
    outline: 0;
    padding: 14px 29px 12px;
    display: table;
    margin: 48px auto;
}
.btn.btn_backhome:hover {
    background-color: #a50011;
}

#login-register-model #auth_box.left_box {
    text-align: -webkit-left!important;
    flex: 0!important;
}

div#mes-formules .owl-carousel .owl-item img {
    width: auto;
}

div#mes-formules img.img-formule {
    width: 100%!important;
}

/*****/
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    background: #d41317 !important;
    color: #fff !important;
    border-radius: 50%;
    font: inherit;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
}
.owl-carousel .owl-next {
    position: absolute;
    top: 140px;
    right: -50px;
}
.owl-carousel .owl-prev {
    position: absolute;
    top: 140px;
    left: -50px;
}
.owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled {
    opacity: 0.9;
    background: #c8c8c8!important;
}
.font-bold {
    font-weight: 700!important;
}

.text-black {
    color: #000;
}

div#datepicker.date_bowling {
    border: 1px solid #000;
    margin-bottom: 24px;
}

.btn-input-check .inp-cbx, .btn-input-check .form-check-input, .btn-input-check .form-check-label, 
.btn-input-check input[type=checkbox], .btn-input-check input[type=radio] {
    cursor: pointer;
}

.btn-input-check .form-check-label {
    font-size: 18px;
}
/*** Modal #edit_info_enfant  ***/
.modal-edit-anniv .modal-dialog {
    max-width: 900px !important;
}
.modal-edit-anniv.modal.show {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.modal-edit-anniv .modal-dialog .modal-content {
    background: #fff!important;
    height: auto!important;
    border-radius: 14px!important;
    flex-direction: column!important;
    padding: 0!important;
    min-height: 350px;
}
.modal-edit-anniv .modal-header {
    position: relative;
    border: none;
    text-align: center;
    justify-content: center;
    padding: 0 24px;
}
.modal-edit-anniv .modal-title {
    margin-bottom: 0;
    text-align: center;
    padding: 1rem 1.5rem;
    font: 32px 'Bree Bold';
    color: black;
    line-height: 36px;
    letter-spacing: 0.05em;
}
.modal-edit-anniv .close {
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
    text-shadow: none;
    float: none;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 1;
}
.modal-edit-anniv .close img {
    height: 18px;
    width: auto;
}
.modal-edit-anniv .label_check {
    font: 16px/16px 'Montserrat-Medium';
    color: #2B2F72;
}
.modal-edit-anniv .modal-footer {
    box-shadow: 0 2px 12px rgb(0 0 0 / 50%);
    background: #E6E6E6;
    border: none;
    padding: 6px 30px 6px 30px;
    border-radius: 0 0 14px 14px!important;
}
.modal-edit-anniv .input_check {
    border: 1px solid #2E6EB6;
    height: 38px;
    padding: 10px 12px;
    border-radius: 5px;
    outline: none;
    /* font-family: 'Montserrat-Medium'; */
}
.modal-edit-anniv #info_enfant_form label {
    font: 16px 'Bree Regular';
    color: black;
    line-height: 20px;
}
.modal-edit-anniv #info_enfant_form .form-control {
    border: 1px solid #000;
}
.modal-edit-anniv .input_check::-webkit-input-placeholder,
.modal-edit-anniv .input_check::placeholder,
.modal-edit-anniv .input_check:-ms-input-placeholder {
    color: #BEBDBD;
}

.btn-next, .btn-save, .btn-submit {
    font-family: 'Bree';
    font-size: 18px;
    line-height: 20px;
    color: #000;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none !important;
    outline: 0!important;
}
.btn-save:hover, .btn-next:hover, .btn-submit:hover {
    color: #d41217;
}
.btn-next .fa {
    font-size: 22px;
    line-height: 22px;
    vertical-align: middle;
    margin-left: 8px;
    display: inline-block;
}

.modal-edit-anniv .navbar {
    padding: 0;
}
.modal-edit-anniv .nav-tabs {
    border-bottom: none;
}
.modal-edit-anniv .nav-tabs li a {
    text-decoration: none !important;
    padding: 5px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.modal-edit-anniv .nav-tabs li a .label {
    display: none;
    font-family: 'Bree Regular';
    font-size: 16px;
    line-height: 16px;
    color: #d41217;
    padding-left: 10px;
    transition: all 0.3s ease;
}

.modal-edit-anniv .nav-tabs li a.active .label {
    display: block;
}
.modal-edit-anniv .nav-tabs li a .step {
    font-family: 'Bree Regular';
    font-size: 16px;
    line-height: 39px;
    color: #000;
    font-weight: 400;
    width: 39px;
    height: 39px;
    display: inline-flex;
    text-align: center;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.modal-edit-anniv .nav-tabs li a.active .step {
    background: #d41217;
    color: #fff;
    border: 1px solid #d41217;
}
/****** wrapper-tab ****/
.wrapper-tab.age-tab .box1 p {
    font-size: 18px;
    margin-right: 0;
    margin-bottom: 0;
}
.wrapper-tab.age-tab .title_box {
    font-size: 22px;
}
.wrapper-tab .choise_time .pic img {
    width: auto;
    height: auto;
}
.wrapper-tab .nb-enfant {
    border: 1px solid #000;
    font-size: 24px !important;
    border-radius: 4px;
    width: 60px!important;
    height: 60px;
    line-height: 46px;
}
.wrapper-tab .radio-input-sm input[type="radio"]:checked~label , .radio-input-sm input[type="radio"]:hover:not(:checked)~label {
    border-color: #D82430;
}
/****/
button.edit-order i, button.edit-bowling i, .btn-edit i {
    font-size: 20px;
}

button.edit-order, button.edit-bowling, .btn-edit {
    border: none;
    background: none;
    /* color: #D51317; */
    color: #000;
    outline: 0!important;
}
#start_hour{
    font-size: 18px;
    margin: 8px;
}
.title-card-flex .title_recap, .title_recap  {
    margin-bottom: 0!important;
    line-height: 20px;
}
button.btn-edit {
    padding: 0;
}
.title-card-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.head-flex {
    display: flex;
    justify-content: flex-end;
}
.edit-order {
    color: #000;
    font-size: 18px;
}
.edit-order:hover {
    color: #D51317;
}
/****/
.img-sm-option {
    width: 30px;
    height: auto;
}
/***/
#edit_datakid .modal-dialog .modal-content {
    overflow: hidden;
}
#edit_datakid .modal-body {
    padding: 0;
}
#edit_datakid .modal-title {
    padding: 2rem 1.5rem;
}
#edit_option .total-price {
    font-family: 'Bree';
    font-size: 20px;
    line-height: 22px;
}
#edit_anniversaire .home_pic {
    margin: 0;
}
#edit_anniversaire .box1 .b_h_pic img {
    height: 200px;
    width: 240px;
}
#edit_anniversaire .btn.btn_anif.age_submit {
    box-shadow: none!important;
    outline: 0!important;
}
#edit_anniversaire .formule-card {
    max-width: 380px;
    background: #f7f7f7;
    border-radius: 0 80px 0 18px;
}
#edit_anniversaire .carousel .formule-card .card-image {
    position: relative;
    border: 4px solid #000;
    border-radius: 0 80px 0 0;
    background-color: #000;
    transition: all 0.3s ease-in-out;
}
#edit_anniversaire .carousel .formule-card .card-image .img-formule {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0 78px 0 0;
}
#edit_anniversaire .formule-card .title-formule h2 {
    font-size: 26px;
    line-height: 32px;
}
#edit_anniversaire .formule-card .details-formule {
    padding: 12px 20px 50px 38px;
}
#edit_anniversaire a {
    text-decoration: none!important;
}
.btn-next.back .fa , .btn-next.back-step .fa {
    margin-right: 8px;
    margin-left: 0;
}
.modal-edit-anniv .formule-card .button-formule {
    pointer-events: all;
    cursor: pointer;
}
.modal-edit-anniv .carousel-control-next {
    right: 50px;
    bottom: inherit;
    top: 50%;
    transform: translateY(-55px);
    background: #D51317!important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0 1px 0 4px;
    line-height: 40px;
    text-decoration: none!important;
}
.modal-edit-anniv .carousel-control-prev {
    left: 50px;
    bottom: inherit;
    top: 50%;
    transform: translateY(-55px);
    background: #D51317!important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0px 4px 0 1px;
    line-height: 40px;
    text-decoration: none!important;
}
#edit_anniversaire .datepicker-inline table {
    width: 100%!important;
    max-width: 340px;
    margin: 0 auto;
    border: 1px solid #000;
    border-left-width: 0.05rem;
}
#edit_anniversaire .choix_time.pic .img-fluid.fleche {
    width: 19px;
    height: 10px;
}
#edit_anniversaire .choix_time span img {
    margin-left: 4px;
    margin-right: 4px;
}
#edit_anniversaire .choix_time:hover span img {
    opacity: 0;
}
#edit_anniversaire .choix_time:hover span.pic {
    background-image: url(../img/flech_white.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
}
#edit_anniversaire .choix_time {
    text-align: center;
    border: 1px solid #d41317;
    background-color: #ffffff;
    box-shadow: 4px 6px 8px #00000029;
    padding: 10px 5px;
    margin-bottom: 20px;
    border-radius: 2px;
}
.modal-edit-anniv .choix_time:hover {
    text-align: center;
    color: #fff !important;
    border: 1px solid #D82430;
    background-color: #D82430!important;
    box-shadow: 4px 6px 8px #00000029;
}
.modal-edit-anniv .left-footer .btn-next {
    padding: 0 8px;
}
.modal-edit-anniv .left-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
button.btn.btn-save.save.last-step-btn {
    float: right;
    background: #d41217;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 6px 20px 9px;
    outline: 0!important;
}
button.btn.btn-save.save.last-step-btn:hover {
    background: #000;
}
#historique-des-commandes .edit-order i.fa.fa-minus {
    font-size: 13px;
}
#historique-des-commandes .table-responsive td span.label {
    padding: 2px 6px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 20px;
    text-wrap: nowrap;
}
#historique-des-commandes .page-link {
    color: #000;
}
#historique-des-commandes table thead tr th {
    pointer-events: none;
    cursor: text;
}
/*** responsive ***/
@media only screen and (max-width: 992px) {
    
}
@media only screen and (max-width: 768px) {
    
    #edit_anniversaire .carousel-control-next {
        right: 15px;
    }
    #edit_anniversaire .carousel-control-prev {
        left: 15px;
    }
    #edit_anniversaire .block_num {
        justify-content: flex-start !important;
    }
    button.btn.btn-save.save.last-step-btn {
        margin-top: 12px;
    }
}
@media only screen and (max-width: 575px) {
    .modal-edit-anniv .modal-title {
        font: 32px 'Bree Bold';
        padding: 1rem 1.5rem 1rem;
    }
    #edit_datakid .modal-title {
        padding: 2rem 1.5rem 1rem;
    }
    .modal-edit-anniv .option-tab .row_option .row .col-10 {
        width: 100%;
        margin-top: 0.5rem;
    }
    #edit_anniversaire #choix-options .option-border .col-10 {
        width: 100%;
        margin-top: 12px;
    }
    .total-price.ml-3 {
        margin-left: 0!important;
    }
    #edit_anniversaire #choix-options.px-5 {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
    }
    .mb-5.option-border.pl-4 {
        margin-bottom: 2rem!important;
        padding-left: 0rem!important;
    }
    #edit_anniversaire .carousel-control-prev, #edit_anniversaire .carousel-control-next  {
        bottom: -55px;
        top: inherit;
        transform: none;
    }
    #edit_anniversaire .carousel-control-next {
        right: 50%;
        margin-right: -45px;
    }
    #edit_anniversaire .carousel-control-prev {
        left: 50%;
        margin-left: -45px;
    }
    #edit_anniversaire .carousel.slide {
        margin-bottom: 70px!important;
    }
}
@media only screen and (max-width: 380px) {

    #edit_anniversaire .box1 .b_h_pic img {
        height: 175px;
        width: 190px;
        padding: 0;
        background: none!important;
    }
    #edit_anniversaire .home_pic.col-sm-12:not(:last-child) {
        margin: 0 0 25px;
    }
}
/*** edit_bowling ***/
#edit_GroupData .modal-body {
    padding: 1rem 0 0;
}
#edit_GroupData .wrapper-modal {
    max-width: 700px;
    display: table;
    margin: 36px auto;
}
.modal-edit-anniv select.slct {
    min-width: 250px;
}
.datepicker table .next, .datepicker table .prev {
    display: table-cell!important;
}
#edit_bowling .formule-card {
    max-width: 380px;
}
/*****/
.ticketce .span_label {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #000000;
    font-family: "Bree Bold";
}
.ticketce .form-control.input_ticketce {
    border: 1px solid #000000;
    padding: 5px 40px 5px 18px;
    max-width: 100%;
    height: 45px;
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    background: transparent !important;
    border-radius: 10px;
}
.ticketce input.input_ticketce::placeholder, .ticketce input.input_ticketce {
    color: #000000!important;
}
.ticketce input.input_ticketce:focus {
    color: #000000 !important;
}
.ticketce .group-input {
    position: relative;
    display: table;
    margin: 0 0 0 auto;
    max-width: 100%;
    width: 100%;
}
.btn-ticketce {
    position: absolute;
    left: inherit;
    top: 0;
    right: 10px;
    width: 41px;
    height: 44px;
    border: none;
    background: #fff0 url(../img/icons/right_arrow_recap.svg) no-repeat center;
    padding: 0;
}
.btn-ticketce::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 1px;
    height: calc(100% - 12px);
    background: #000000;
}
.code-promo, .value-promo {
    font-size: 14px;
    line-height: 16px;
    color: #D51317;
}
.js-cookie-consent.cookie-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.9);
    padding: 40px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 4px solid #d41217;
    z-index: 999;
}
.cookie-consent__message{
    font-family: 'Bree';
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
}
button.js-cookie-consent-agree.cookie-consent__agree {
    margin: 0 0 0 auto;
    display: table;
    background: #d41217;
    color: #fff;
    border: none;
    padding: 9px 32px 10px;
    outline: 0!important;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}