body {
    font-family: 'Poppins';
    margin: 0;
    /* background: url('/assets/img/bg.jpg') no-repeat center; */
    background-size: cover;
    /*background: linear-gradient(299deg, #e91e63, #020f57);*/
	background-color:#FFFFFF;
    top: 0 !important;
}

a {
    color: #c82162;
}

.swiper-slide {
    height: initial;
    transform: translateZ(0);
 }

button {
    outline: none;
}

button.btn.btn-info {
    color: #fff;
}

.form-group {
    margin-bottom: 1rem;
}

#page_inner_wrp {
    background: #fff;
    margin: 3% 10% 10% 10%;
    /* height: 100%; */
    z-index: 1;
    position: relative;
    border-radius: 3px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.clearfix {
    clear: both;
}

#website_header {
    box-shadow: 0px 4px 5px 2px rgb(0 0 0 / 35%);
    z-index: 999;
    position: relative;
    padding: 6px 0;
    background: #fff;
    /* overflow: hidden; */
}

#website_header.sticky {
    position: fixed !important;
}

#website_header_inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

ul#header_menu {
    display: flex;
    list-style: none;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    margin: 0;
}

ul#header_menu li, .header_link {
    margin: 4px 13px;
}

ul#header_menu a, .header_link {
    text-decoration: none;
    color: #000;
}

.header_link.special:after {
    content: " ";
    position: absolute;
    color: red;
    background: #df2c1f;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-top: -1px;
}

div#header_right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

div#home_topblocks_wrp {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 40px;
    margin-bottom: 40px;
}

.swiper-wrapper {
    height: initial;
}

.swiper-button-next, .swiper-button-prev {
    color: white;
}

div#home_topblocks_wrp > div, #home_slider .block {
    color: #fff;
    height: 450px;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
    justify-content: center;
    font-weight: 700;
    font-size: 38px;
    transition-duration: 1s;
    /* opacity: 0.7; */
    flex-direction: column;
}

/* div#home_topblocks_wrp .block_voiture, #home_slider  .block_voiture {
    background: red;
}

div#home_topblocks_wrp .block_code, #home_slider  .block_code {
    background: blue;
}

div#home_topblocks_wrp .block_moto, #home_slider  .block_moto {
    background: #ffc107;
} */

div#home_topblocks_wrp .block_voiture, #home_slider  .block_voiture {
    background: url('/assets/img/slider/slide-auto.jpg') no-repeat center;
	background-size: cover;
}

div#home_topblocks_wrp .block_code, #home_slider  .block_code {
    background: url('/assets/img/slider/code.jpg') no-repeat center;
	background-size: cover;
}

div#home_topblocks_wrp .block_moto, #home_slider  .block_moto {
    background: url('/assets/img/slider/moto.jpg') no-repeat center;
	background-size: cover;
}

#home_slider .block .btn {
    background: #fff;
	text-transform: uppercase;
    font-weight: 500;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#home_topblocks_wrp > div:hover {
    opacity: 1;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%
}
  
.sticky + .content {
    padding-top: 102px;
}

#home_examDates_wrp {
    display: none;
    overflow: hidden;
}

#home_examDates_title {
    text-align: center;
    margin: 40px auto 20px;
}

#home_examDates {
    margin-bottom: 8px;
    /* display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center; */
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
}

div#examDates_statuts {
    display: flex;
    margin-bottom: 17px;
    font-size: 12px;
}

div#examDates_statuts div {
    color: #fff;
    text-align: center;
    padding: 5px 9px;
    border-radius: 5px;
    margin-right: 5px;
}

div#examDates_statuts .free {
    background: #680077;
}

div#examDates_statuts .full {
    background: grey;
}

div#examDates_statuts .temporary {
    background: #d27e18;
}

#home_examDates .alert {
    width: 100%;
    text-align: center;
}

#home_examDates_wrp .nav_wrp .swiper-button-next:after, #home_examDates_wrp .nav_wrp .swiper-button-prev:after {
    font-size: 20px;
}

#home_examDates_wrp .nav_wrp .swiper-button-next, #home_examDates_wrp .nav_wrp .swiper-button-prev {
    color: #000;
    margin: 0px;
    display: block;
    padding: 4px 0 0 0;
    height: 27px;
    text-align: center;
}

#home_examDates_wrp .nav_wrp {
    float: left;
    position: relative;
    width: 80px;
    margin-left: -8px;
}

ul#monthsModal_list {
    list-style: none;
    padding: 0;
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

ul#monthsModal_list li {
    width: 30%;
}

ul#monthsModal_list button {
    width: 100%;
    margin: 4px 0;
    padding: 4px 4px;
}

ul#monthsModal_list li.disabled button {
    border: #999;
    background: #aaaaaa;
    cursor: not-allowed !important;
}

.choose_ExamDate_btn {
    cursor: pointer;
}

#home_examDates .swiper-slide {
    transition-duration: 1s;
    /* width: 30%;
    float: left;
    margin: 1.6%; */
    text-align: center;
    /* border: 4px solid #000; */
    background: #680077;
    color: #fff;
    line-height: 66px;
}

#home_examDates .swiper-slide.waiting {
    background: #d37e17;
}

.swiper-slide.full.waiting {
    background: gray !important;
}

#home_examDates .swiper-slide .btn {
    border-radius: 0;
    float: right;
    border-right: 1px solid #fff;
    color: #fff;
    background: #4f005b;
    padding: 20px 10px;
}

div#homeChoosedType_auto img.boost_icn {
    position: absolute;
    width: 18%;
    padding: 3px;
    bottom: 0;
}

#home_examDates .swiper-slide.selected {
    background: #da1d68;
}

.choose_ExamDate_btn {
    display: none;
}

#home_packs_wrp {
    display: none;
}

ul#home_packs_list {
    list-style: none;
    padding: 0 0;
    overflow: hidden;
}

.pack_availabilities {
    display: none;
    background: #fff;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}

ul.pack_availabilities .swiper-slide {
    text-align: center;
    background: rgb(255 46 48);
    color: #fff;
    padding: 30px 30px;
    border-radius: 5px;
}

ul.pack_availabilities .swiper-slide span {
    display: block;
}

ul.pack_availabilities .swiper-slide span.btn {
    background: #fff;
    margin-top: 30px;
}

.pack_availabilities i.infos {
    position: absolute;
    right: 4px;
    top: 4px;
    background: #4f005b;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

/* Loading */
div#talbiJSLoading_mask {
    width: 100%;
    height: 100%;
    background: rgb(34 34 34 / 68%);
    top: 0;
    left: 0;
    right: 0;
    /* bottom: 0; */
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition-duration: 1s;
}

div#talbiJSLoading_mask.visible {
    opacity: 1;
    visibility: visible;
}

div#talbiJSLoading_mask .txt {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    text-shadow: -2px 2px rgb(0 0 0 / 55%);
}
/* ! Loading */

/* Alert */
div#talbiJSAlert_wrp {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    padding: 20px;
    display: none;
}
/* ! Alert */

#has_code_wrp {
    display: none;
}

h2#has_code_wrp_title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

div#has_code_wrp .inner .btn {
    width: 46%;
    float: left;
    background: #006400;
    border-radius: 0;
    text-align: center;
    margin: auto 2%;
    color: #fff;
    /* min-height: 200px; */
    font-size: 29px;
    border-radius: 10px;
}

#has_code_wrp .inner {
    overflow: hidden;
    padding-bottom: 30px;
}

div#has_code_wrp .inner .btn[data-type="no"] {
    background: #FE1B00;
}

h2#home_packs_title {
    text-align: center;
    margin: 40px auto 20px;
}

#home_packs_list .left_wrp {
    width: 25%;
    float: left;
    margin-right: 20px;
}

#home_packs_list .left_wrp img {
    width: 100%;
}

#home_packs_list li.pack {
    width: 100%;
    clear: both;
    margin: 25px 0;
    overflow: hidden;
    border: 2px solid #4f005b;
    /* background: #ff8216; */
    border-radius: 7px;
}

#home_packs_list .right_wrp button {
    background: #4f005b;
    border-radius: 10px 0 0 10px;
    color: #fff;
}

#home_packs_list .center_wrp {
    float: left;
    width: 50%;
}

#home_packs_list .right_wrp {
    float: right;
    text-align: center;
}

#home_packs_list .right_wrp .pack_price {
    display: block;
    font-size: 18px;
    font-weight: bold;
}

#home_packs_list li.pack .description {
    font-size: 14px;
}

div#subscription_infos_wrp .dates_wrp,
div#subscription_infos_wrp .price_wrp {
    border-top: 1px solid #dcdcdc;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 20px;
}

#subscription_infos_wrp .block h3, #subscription_infos_wrp .pack_infos_wrp h3, #subscription_infos_wrp .price_wrp h3 {
    float: left;
}

#subscription_infos_wrp .block .infos, #subscription_infos_wrp .pack_infos_wrp .infos, #subscription_infos_wrp .price_wrp .infos {
    float: right;
}

#subscription_infos_wrp .block, #subscription_infos_wrp .pack_infos_wrp, #subscription_infos_wrp .price_wrp {
    overflow: hidden;
}

#page_bottom_wrp {
    margin: 10% 10% 3% 10%;
    background: #fff;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-weight: bold;    
    font-size: 23px;
	border: solid 1px #000000;
}

div#page_coyr_wrp a {color: #000000;text-decoration: none;margin: 0 9px;}

div#page_coyr_wrp {color: #000000;font-size: 14px;margin-bottom: 40px;
    z-index: 1;
    position: relative;
    text-align: center;
    margin-top: 40px;
    /*text-shadow: -1px 1px 4px rgb(0 0 0 / 62%);*/
}

div#page_coyr_wrp span.copyr small {
    font-size: x-small;
}

div#page_coyr_wrp .links {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
}

#page_bottom_wrp .swiper-slide a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    padding: 20px;
    justify-content: space-evenly;
}

#subscription_infos_wrp .more_infos {
    display: block;
    width: 50%;
    clear: both;
    font-size: smaller;
    margin-bottom: 12px;
    color: orange;
}

#page_bottom_wrp .swiper-wrapper {
    align-items: center;
}

#page_bottom_wrp img {
    width: 30%;
    margin-right: 2%;
    max-width: 270px;
}

#page_bottom_wrp .blue span.highlighted {
    background: #0c3f92;
    color: #fff;
    padding: 3px 11px;
}

#page_bottom_wrp .yellow span.highlighted {
    background: #fffb3e;
    padding: 3px 11px;
}

#page_bottom_wrp .red span.highlighted {
    background: #e20813;
    padding: 3px 11px;
    color: #fff;
}

#page_bottom_wrp .red2 span.highlighted {
    background: #ff414d;
    padding: 3px 11px;
    color: #fff;
}

.monthChooser {
    margin-bottom: 4px;
    background: #ce1d61;
    border-radius: 5px;
    padding: 1px 8px;
    color: #fff;
    float: right;
    cursor: pointer;
}

#home_examDates_wrp #home_examDates_title {
    margin-bottom: 10px;
}

.accordion-body {
    display: none;
}

h1.page_title {
    font-weight: bold;
    margin-bottom: 30px;
    padding-top: 19px;
    color: #1a1157;
}

h2.accordion-header {font-size: 19px; cursor: pointer;}

.accordion-item {padding-bottom: 33px;}

.accordion-body {
    padding: 0;
    color: #7a7a7a;
    margin-top: 8px;
    font-size: 15px;
}

.header_home_link {
    text-decoration: none;
    display: flex;
    float: left;
    align-items: flex-end;
}

.header_home_link span.beta {
    font-size: small;
    text-decoration: none;
    color: #999;
}

.insent_sentence {
    font-size: 20px;
    text-align: center;
    padding: 20px 20px;
    color: #ffff;
    background: #c82162;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 32px;
}

div#payment_finished_msg {font-size: 21px;text-align: center;padding-bottom: 40px;font-weight: 600;padding-top: 40px; 
    animation: focus-in-expand 2s;}

div#payment_finished_msg .link {margin-top: 14px;display: block;}

div#page_top_wrp {
    color: #000000;
    font-weight: bold;
    padding-top: 14px;
    font-size: 26px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 50px;
    /*text-shadow: -3px 2px 2px rgb(0 0 0 / 56%);*/
}

div#page_top_wrp p {
    position: absolute;
    /* width: 100%; */
    white-space: nowrap;
}

.big_sentence {
    padding: 50px 20px;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
}

.big_sentence .red {
    color: #df2c1f;
}

#page_top_wrp p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 25s linear infinite;
}


@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

.choiceBlocks_wrp {
    display: none;
    position: relative;
    height: 460px;
    overflow: hidden;
}

.choiceBlocks_wrp .block_1,
.choiceBlocks_wrp .block_2 {
    float: left;
    width: 46%;
    text-align: center;
    /* position: absolute; */
    /* bottom: -100%; */
}

.choiceBlocks_wrp .block_3 {
    width: 100%;
    text-align: center;
    position: absolute;
}


.choiceBlocks_wrp.animate .block_1 {
    animation: choiceBlockAnimation 10s ease-in-out infinite;
}

.choiceBlocks_wrp.animate .block_2 {
    animation: choiceBlockAnimation 10s ease-in-out infinite;
    animation-delay: 1s;
}

.choiceBlocks_wrp.animate .block_3 {
    animation: choiceBlockAnimation 10s ease-in-out infinite;
    animation-delay: 0.5s;
}

a#mobile_menu_icon {
    display: block;
    width: 40px;
    background: #191258;
    padding: 10px 10px;
    border-radius: 3px;
    float: right;
    margin-right: 14px;
    cursor: pointer;
}

a#mobile_menu_icon img {
    width: 100%;
}

#front_login_form_wrp,
#front_registeration_form_wrp {
    max-width: 50%;
    margin: auto;
    padding: 70px 0;
}

#page_bottom_wrp p {
    margin: 0;
}

table#availabilityDetailsModal_list thead td {
    background: #e8e8e8;
    padding: 5px 5px;
}

table#availabilityDetailsModal_list {
    width: 100%;
} 
table#availabilityDetailsModal_list tbody td {
    padding: 2px 5px;
}
table#availabilityDetailsModal_list tbody tr td:first-child {
    text-transform: capitalize;
    width: 46%;
}

#header_phone,
#header_phone_mobile {
    text-decoration: none;
    color: #fff;
    background: #FE1B00;
    padding: 4px 12px;
    border-radius: 3px;
}

#header_phone {
    margin-left: 20px;
}

#header_phone_mobile {
    float: right;
    margin-right: 11px;
    margin-top: 4px;
}

i.pack_infos {
    border: 2px solid #c72062;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #c72062;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}

#needCodeFirstWarning {
    display: none;
    text-align: center;
    color: #d12228;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
    padding-top: 10px;
}

.pack_warning {
    display: none;
    text-align: center;
    color: #d72a2e;
    padding: 20px 15px;
    clear: both;
    font-weight: bold;
}

#home_packs_list .long_description {
    display: none;
}

.error {color: red;}

div#front_login_form_wrp .error {margin-bottom: 20px;}

.backToSubscriptions {
    width: 100%;
    margin-bottom: 20px;
    color: #fff;
    padding: 8px 15px;
}

#google_translate_element {
    visibility: hidden;
    position: absolute;
}

.skiptranslate {
    visibility: hidden !important;
    position: absolute;
}

.translateBtn {
    background: url("/assets/img/icons/flag-china.png") no-repeat center;
    border: none;
    border-radius: 5px;
    background-size: cover;
}

.resetTranslateBtn {
    background: url("/assets/img/icons/flag-france.png") no-repeat center;
    border: none;
    border-radius: 5px;
    background-size: cover;
}

button.resetTranslateBtn span {
    opacity: 0;
    padding: 0 3px;
}

button.translateBtn span {
    opacity: 0;
    padding: 0 1px;
}

.resetTranslateBtn.mobile, .translateBtn.mobile {
    line-height: 10px;
    float: right;
    margin-right: 10px;
    padding: 11px 11px;
    margin-top: 4px;
}

@keyframes choiceBlockAnimationlknj {
    0%{
        bottom: -100%;
    }
    100%{
        bottom: 0%;
    }
}

@keyframes choiceBlockAnimation {
    0% {
        transform: translate(0, 550px) rotate(-60deg);
    }
    10% {
        transform: translate(0, 225px);
    }
    30% {
        transform: translate(0, 0) rotate(0deg);
    }
    45% {
        transform: translate(0, 30px) rotate(0deg);
    }
    100% {
        transform: translate(0, 30px) rotate(0deg);
    }
}

@keyframes gradientAnimation { 
    0%   { background-position: 0 0; }
    100% { background-position: -200% 0; }
  }


@media all and (max-width:640px){
    i.pack_infos {
        float: right;
        margin-top: -5px;
    }
    #home_examDates li {
        width: 46%;
    }
    .big_sentence {
        font-size: 15px !important;
    }
    #home_examDates li .btn {
        width: 100%;
        border: none;
    }
    .big_sentence {
        padding:20px 10px !important;
    }
    div#page_top_wrp {
        padding-top: 10px !important;
        font-size: 23px !important;
        height: 40px !important;
    }
    #home_packs_list .left_wrp, #home_packs_list .center_wrp, #home_packs_list .right_wrp {
        width: 100%;
    }

    #home_packs_list .center_wrp {
        padding: 10px;
    }

    #home_packs_list .right_wrp button {
        width: 100%;
        border-radius: 0;
    }
    h2#has_code_wrp_title {
        font-size: 18px;
    }
    div#has_code_wrp .inner .btn {
        min-height: 100px;
    }
    .pack_availabilities {
        padding: 20px 0;
    }  
    img#header_logo {
        float: left;
        width: 69px;
        margin-left: 15px;
    }  
    #website_header_inner {
        display: none;
        position: absolute;
        background: #fff;
        margin-top: 47px;
        font-size: 16px;
        left: 0;
        width: 100%;
    }
    ul#header_menu {
        padding: 0;
    }
    
    div#header_right {
        display: block;
        padding-bottom: 10px;
    }
    
    ul#header_menu li, .header_link {
        padding: 5px;
    }
    #home_link {
        display: none !important;
    }
    #front_login_form_wrp, #front_registeration_form_wrp {
        max-width: 90%;
    }
    #page_bottom_wrp {
        font-size: 13px;
    }
    #page_bottom_wrp img {
        width: 40%;
    }
    #page_bottom_wrp span.highlighted {
        padding: 3px 1px;
    }
    #page_bottom_wrp {
        /* padding: 15px 10px; */
    }
    #header_phone {
        display: none;
    }
    #page_bottom_wrp .swiper-slide a {
        padding: 10px;
    }
    h1.page_title {
        font-size: 23px;
    }
    h2.accordion-header {
        font-size: 17px;
    }
    #subscription_infos_wrp .more_infos {
        width: 100%;
    }
}

@media all and (min-width:640px){
    #mobile_menu_icon, #mobile_home_link {
        display: none !important;
    }
    #header_phone_mobile {
        display: none;
    }
    #page_bottom_wrp {
        justify-content: space-around;
    }
    #home_packs_list .center_wrp h5 {
        padding-top: 6px;
    }
}

@media all and (min-width:780px){
    .resetTranslateBtn.mobile, .translateBtn.mobile {
        display: none !important;
    }
}

@media all and (max-width:1024px){
    #website_header_inner {
        /* display: none !important; */
    }
}