/*PREMIUMBASE*/


.flottante {
	z-index:1000; position:fixed; margin-left:90%; margin-top:15%;
}


.h1, h1{
    font-size: 30px;
}

.fancybox-navigation{
    top: 50%;
}

.invalid-feedback{
    display: block;
}

.listing-neuf .dropdown-menu.inner{
    max-height: 250px !important;
}

.detail_pieces ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1200px){
    .detail_pieces ul li{
        width: 31%;
    }
}

@media (max-width: 991px){
    .detail_pieces ul li{
        width: 47%;
    }
}

@media (max-width: 768px){
    .detail_pieces ul li{
        width: 100%;
    }
}

.line{
    height: 10px;
}

.home_heading{
    font-size: 28px;
    text-align: center;
}

.deco{
    padding: 10px 0;
}

.bootstrap-select>.dropdown-toggle{
    background: #fff;
}

.btn-link:hover{
    color: #749713;
}

.dropdown-menu{
    padding: 0;
    padding: 5px;
}

.bootstrap-select.btn-group .dropdown-menu li a:before{
    padding-right: 5px;
    font-family: "Ionicons";
    font-size: 13px;
}

.bootstrap-select.btn-group .dropdown-menu li.selected a:before{
    font-family: "Ionicons";
}

.top_link{
    z-index: 99;
    bottom: 65px;
    background: #1d1d1d;
    border-radius: 0;
    border: 1px solid #f1f1f1;
}

.top_link:hover{
    height: 100px;
    text-align: center;
}

.header{
    background: transparent;
    position: relative;
}

.header .sticky_menu.stick-me.sticking{
    -webkit-animation: slide-down .4s;
    animation: slide-down .4s;
}

@-webkit-keyframes slide-down{
    0%{
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        opacity: .9;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-down{
    0%{
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        opacity: .9;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.lang .dropdown-toggle::after{
    content: "\f123";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 12px;
    padding-top: 5px;
    opacity: 1;
    right: 3px;
    top: 11px;
}

.modal{
    z-index: 10000;
}

.bloc.bloc4{
    display: none;
}

@media (max-width: 768px){
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: block;
        position: absolute;
        right: -3px;
        top: 50px;
        font-size: 20px;
        background: #ddd;
        padding: 3px 12px;
        border-radius: 5px;
    }
    .plusdecritere{
        margin-top: 0;
    }
    .modal-content{
        padding: 15px 0;
    }
}

.bgAccueil{
    height: 100%;
    height: 100%;
    position: relative;
    background: url("/assets/images/bgimg.jpg") no-repeat center center fixed;
    background-size: cover;
}

.comparateur .top_page{
    background-image: url("../images/top_page/comparateur_top.jpg");
}

.recherche-detaillee .top_page{
    background-image: url("../images/top_page/recherche-detaillee_top.jpg");
}

aside.aside_contact{
    background-color: #1f1f1f;
}

aside .contact_coordinates, aside .aside_map{
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

aside .contact_img img{
    width: 100%;
}

aside .social_network i{
    font-size: 2em;
    padding: 0 5px;
}

.top_page{
    background-color: #173e65;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.top_page .top_heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content_page{
    width: 66.6667%;
}

.sidebar{
    margin-top: -100px;
}

html [type=button]{
    text-align: center;
}

.map .gm-style-mtc div, #map .gm-style-mtc div, #map-proximite .gm-style-mtc div, #mapliste .gm-style-mtc div{
    height: 35px !important;
    font-size: 13px !important;
}

.map .gmnoprint.gm-bundled-control{
    top: 45px !important;
}

.sidebar .group_btn a{
    font-size: 13px;
    padding: 8px;
}

.sidebar_blocinfos{
    padding: 20px;
    margin-bottom: 20px;
}

.sidebar_blocinfos.sticky{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}

#bloc_fixed{
    bottom: 50%;
}

#bloc_fixed .bloc{
    background: rgba(0,0,0,.6);
    color: #fff;
}

#bloc_fixed .bloc a{
    color: #fff;
}

#bloc_fixed .bloc:hover{
    background: rgba(0,0,0,.75);
    right: 150px;
}

#bloc_fixed .bloc1 ul li:nth-child(1), #bloc_fixed .bloc2 ul li:nth-child(1), #bloc_fixed .bloc3 ul li:nth-child(1), #bloc_fixed .bloc4 ul li:nth-child(1){
    margin-right: 6px;
}

#bloc_fixed_bottom{
    background: rgba(0,0,0,.75);
}

#bloc_fixed .surcharge_favoris{
    left: -46px;
    top: 0;
}

.appel_horaires{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page_heading{
    font-size: 26px;
}

.cont_coordonnees{
    padding-bottom: 40px;
    background-color: #333;
    color: #fff;
}

.cont_coordonnees .btn{
    width: 200px;
}

footer{
    background-color: #000;
    padding: 50px 10px;
}

footer, footer a{
    color: #fff;
}

footer .liens_right{
    text-align: right;
}

footer .liens_right{
    margin-top: 20px;
}

.moteur{
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0,0,0,.6);
}

.plusdecritere{
    text-align: right;
    margin-top: 10px;
}

.plusdecritere .text-filtre1{
    width: 50%;
    display: inline-block;
}

.plusdecritere .text-filtre2{
    width: 49.5%;
    display: inline-block;
}

.input-group-addon{
    background: transparent none repeat scroll 0 0;
    border-left: 0 none;
    color: #111;
    font-size: 15px;
    position: relative;
    position: absolute;
    font-weight: 500;
    border: none;
    top: 0;
}

.radio_trans{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.radio_trans input[type=radio].css-checkbox + label.css-label{
    color: #fff;
}

.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label{
    border-bottom: 4px solid #fff;
    color: #fff;
    font-size: 17px;
}

.bootstrap-select{
    position: relative;
    border: 1px solid #ccc !important;
}

.dropdown-toggle::after{
    font-family: "Ionicons";
    position: absolute;
    right: 30px;
    border: 0;
}

.groupe_champs > .c_message{
    width: 100%;
}

.form-search-d{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contact .contact_formulaire, .recrutement .contact_formulaire, .estimation .contact_formulaire{
    width: 66.6667%;
}

.c_rgpd{
    width: 100% !important;
    font-size: 13px;
}

.form-style{
    font-size: 1rem;
    border: 1px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact .contact_adresse, .estimation .contact_adresse{
    padding: 0;
    padding: 0 20px;
}

.estimation .form-navigation div{
    display: inline-block;
}

.estimation .progress{
    height: 17px;
    margin: 5px 0;
}

.groupe_champs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.groupe_champs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.critere_prix_hb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bg_collapse{
    min-height: 480px;
    background-color: #fff;
}

.map{
    height: 250px;
}

.bg_collapse .btn-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-link{
    color: #000;
}

.page-item.active .page-link{
    z-index: 2;
    color: #000;
    background-color: transparent;
    border-color: transparent;
}

.breadcrumb-cms{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

article.item-listing:hover{
    cursor: hand;
    cursor: pointer;
}

.header_product{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod_listing > .listing_article article{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e0e0e0;
}
.container_search {
    margin: 10px 0;
}
.container.prod_listing{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod_listing .block_info{
    position: relative;
}

.prod_listing.damier .article_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod_listing.damier > .listing_article article{
    width: 32.3333%;
}

.damier .card_list{
    margin-bottom: 25px;
    margin-top: 20px;
}

.damier .card_list li{
    font-size: 17px;
}

.prod_listing.damier .block_info{
    min-height: 300px;
}

.btn-info i{
    font-size: 26px;
    vertical-align: middle;
    margin-right: 0;
}

.prod_listing.carte .over_desc, .prod_listing.carte .info_titre, .prod_listing.carte .info_prix-hai{
    display: none;
}

.prod_listing.carte .info_prix{
    font-size: 20px;
    margin: 20px 0 15px;
}

.prod_listing.carte .card_list{
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 15px;
}

.prod_listing.carte .info_ville{
    font-size: 15px;
    padding-left: 15px;
}

.prod_listing.carte .spin1.info_type{
    padding-left: 15px;
}

.listing .header-item, [class*="listing-"] .header-item{
    padding: 5px 0 0 20px;
}

.damier .header-item{
    padding: 20px 0 0 20px;
}

.module_recherche_carte{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 150px;
}

.carte .card-fav-absolute{
    top: 0px;
}

.damier .card-fav-absolute{
    top: 10px;
}

.tool_boox_map{
    background: #333 none repeat scroll 0 0;
}

.bandeaux{
    color: #fff;
}

.block_etiquette{
    padding: 8px;
}

.b_ccoeur{
    background-color: #e34848;
}
.b_offre_en_cours{
    background-color: #ff1e1e;
}

.b_exclu{
    background-color: #74bab1;
}

.b_prestige{
    background-color: #e7c74d;
}

.b_investisseur{
    background-color: #8dac63;
}

.b_souscompromis{
    background-color: #3d2c62;
}

.b_vendu{
    background-color: #ff5800;
}

.b_loue{
    background-color: #e37c93;
}

.b_loc{
    background-color: #e34848;
}

.info_ville{
    font-size: 18px;
    padding-top: 6px;
}

.info_titre{
    font-size: 17px;
}

.info_prix{
    margin: 22px 0 15px 0;
    line-height: 20px;
    padding: 0 20px;
}

.info_prix sup{
    top: -12px;
}

.card_list li > span{
    font-weight: bold;
}

.card_list li > span:after{
    background: #000;
    bottom: -7px;
    content: "";
    height: 1px;
    left: 1px;
    line-height: 0;
    position: absolute;
    width: 10px;
}

.prod_listing .card_foot{
    padding: 0 1.5rem 1.5rem 1.25rem;
}

.prod_listing .card_foot > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.detail_carousel_expand{
    bottom: 80px;
    right: 20px;
    color: #fff;
}

.comparateur .container.resettop{
    top: -49px;
}

.comparateur .nav-tabs .nav-link{
    color: #464a4c;
    background-color: #f6f6f6;
}

.detail .container_page{
    margin-top: 20px;
}

.formcontactcms4 > .groupe_champs, .formcms4 .groupe_champs, .form_clicktocall .groupe_champs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_icone_share, .detail_tabs, .detail_form_contact, .detail_biens_sim{
    padding: 1.5rem 0;
}

.detail_taber{
    border-bottom: 1px solid #000;
}

.detail_taber .nav-link{
    padding: 10px 15px;
}
/* source ?
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #007bff !important;
    color: #fff;
    padding: 10px 15px;
}
*/
.detail_slide_thumbs > li{
    transition: opacity .35s ease 0s,-webkit-transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s,-webkit-transform .35s ease 0s;
}

.detail_slide_thumbs > li > img{
    transition: opacity .35s ease 0s,-webkit-transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s;
    transition: opacity .35s ease 0s,transform .35s ease 0s,-webkit-transform .35s ease 0s;
}

.detail_icone > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
}

.tab-content .card_list{
    justify-content: space-between;
}

.lignemoteur, .groupe_champs > .form-group{
    width: 50%;
    padding: 0 10px;
}

.groupe_champs > .c_message{
    width: 100%;
}

.detail_annexe{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_annexe_nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
}

.detail_annexe_nav > li a::after{
    font-weight: normal;
}

.detail_slide_thumbs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#detail_qrcode{
    text-align: right;
}

@media (max-width: 1024px){
    .detail .attribut_label0{
        padding: 0;
    }
}

@media (max-width:991px){
    .calendrier-loc-sais, #calendrier-loca-saisons{
        max-width: 95%;
        margin: 0 15px;
        padding: 10px;
        text-align: center;
    }
}

@media (max-width:420px){
    .calendrier-loc-sais, #calendrier-loca-saisons{
        max-width: 90%;
    }
    #calendrier-loca-saisons table{
        margin: auto;
        margin-bottom: 20px;
    }
}

.detail_header_sticky{
    background: #f4f4f4;
}

.detail_header .titre, .detail_header_sticky h1, .carousel_header .titre{
    position: relative;
    position: relative;
}

.detail_header_sticky > .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_header_nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.detail_header .crit{
    padding-top: 7px;
}

.detail_header .crit span:nth-child(1){
    font-weight: 600;
}

.detail_header .titre:after{
    bottom: -1px;
    bottom: 0;
}

label.custom-file-control{
    overflow: hidden;
}

.home_cont_selection, .home_cont_categories{
    padding-top: 50px;
    padding-bottom: 50px;
}

.prod_accueil{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prod_accueil article{
    border: 1px solid #ddd;
    width: calc(33.3% - 20px);
    margin: 10px;
}

.prod_accueil .block_img img{
    height: auto;
    width: 100%;
}

.prod_accueil .block_info{
    z-index: 0;
    padding: 20px;
    min-height: auto;
}

.prod_accueil .card-fav-absolute{
    top: 34%;
    right: 25px;
}

.prod_accueil .effect-cms .over_desc{
    display: none;
}

.prod_accueil .card_list{
    justify-content: space-between;
}

.prod_accueil .info_prix{
    margin: 0 0 15px 0;
    padding: 0;
}

.prod_accueil .box{
    height: 40px;
}

.prod_accueil .info_prix-hai{
    line-height: 1em;
    margin-top: 10px;
    text-transform: initial;
}

.home_cont_presentation{
    position: relative;
    background: url("/modele/images/home-background-presentation.jpg") no-repeat center top;
    background-size: cover;
    color: #fff;
    margin: 0 auto;
    padding: 128px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home_cont_presentation h3{
    text-transform: uppercase;
}

.home_cont_presentation p{
    text-align: justify;
}

.cat{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    cursor: pointer;
    margin-bottom: 20px;
}

.home_cont_categories .cat-infos-overlay{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.75);
    color: #fff;
    width: 180px;
    height: 100%;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cat:hover .cat-infos-overlay{
    background: rgba(0,0,0,.75);
    width: 100%;
    height: 100%;
}

.home_cont_categories .cat-text{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
}

.home_cont_categories .cat-text::after{
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 1px;
    width: 80px;
    margin: 20px auto 0 auto;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.cat:hover .cat-text::after{
    width: 150px;
}

.home_cont_categories .cat-text-small{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    display: block;
}

.home_cont_categories .cat-text{
    margin-top: 0;
}

.cat{
    margin-bottom: 0;
}

.index .fiche_produit{
    margin-bottom: 0px;
}

.listing .fiche_produit{
    margin-bottom: 35px;
}

.home_cont_alertes .btn{
    margin-left: 20px;
}

.home_cont_alertes{
    padding: 40px 10px;
    background: rgba(0,0,0,1);
    text-align: center;
}

.home_cont_alertes p{
    color: #fff;
}

.home_cont_alertes p, .home_cont_alertes a{
    display: inline-block;
}

.home_cont_alertes p i{
    font-size: 30px;
    margin-right: 10px;
    display: inline;
}

.action_bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block_vue_list ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.effect-cms img{
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: .8;
}

.effect-cms p{
    letter-spacing: 1px;
}

.effect-cms p.icon-links a{
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
}

.effect-cms .over_desc{
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.over_desc .col2 ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-fav-absolute{
    position: absolute;
    top: 0px;
    font-size: 25px;
    cursor: pointer;
}

.ion-ios-heart-outline.active:before{
    color: red;
}

.ion-ios-heart-outline:hover:before, .ion-ios-heart:hover:before{
    color: red;
}

.prod_listing.damier .info_titre{
    width: 80%;
}

.detail_icone > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
}

#biens_comparatif .article_comparatif .spin1, #biens_comparatif .article_comparatif .spin2, #biens_comparatif .article_comparatif .spin3, #biens_comparatif .article_comparatif .spin4, #biens_comparatif .article_comparatif .spin5{
    font-size: 15px;
}

#biens_comparatif .article_comparatif .bottom .btn-primary{
    width: 80%;
}

#biens_comparatif .article_comparatif .bottom .item-favori-delete{
    width: 18%;
}

@media (max-width:991px){
    #biens_comparatif .article_comparatif .bottom .btn-primary{
        width: 100%;
        margin-bottom: 10px;
        font-size: 15px;
    }
}

.recherche-detaillee .btn-primary.active, .recherche-detaillee .btn-primary:active, .recherche-detaillee .show > .btn-primary.dropdown-toggle{
    border-color: #ddd;
    background: #666;
}

.card_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
}

.alert-info{
    background: #eee;
    margin-top: 25px;
}

#voir-telephone-0.telephone-vu{
    color: #fff;
}

body.contact .map, #map_contact{
    height: 250px !important;
    -webkit-transition-property: height;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

body.contact .map[toggled="toggled"], #map_contact[toggled="toggled"]{
    height: 500px !important;
}

body.contact div.map div#map div#map_contact{
    width: 100%;
    height: 700px;
    margin: 0px auto;
}

.page_ref .prod_listing.damier{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width:768px){
    .page_ref .prod_listing article{
        margin: 10px;
        width: calc(50% - 20px);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    .carousel-fullscreen .carousel-inner .carousel-item{
        height: 40 vh;
        min-height: 600px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .prod_accueil .card-fav-absolute {
        top: 5%;
    }
}

@media (max-width:468px){
    .page_ref .prod_listing article{
        margin-bottom: 20px;
        padding: 10px;
        width: 100%;
    }
}

@media (min-width: 992px){
    nav.menu ul li{
        display: inline-block;
    }
    .listing .sticking .site-container{
        display: none;
    }
    .detail .not-sticking .detail_header_sticky{
        display: none;
    }
    .detail .sticking .site-container{
        display: none;
    }
}

@media (max-width: 991px){
    .header{
        position: fixed;
        height: auto;
        width: 100%;
        z-index: 8000;
        background: #fff;
        top: 0;
    }
    nav.menu ul li .dropdown-menu{
        display: block !important;
        position: inherit !important;
        background-color: #0d0e0e !important;
        width: 100%;
    }
    nav.menu ul li .dropdown-menu .dropdown-item{
        padding: .25rem 0 0 5px !important;
        color: #fff !important;
    }
    .with--sidebar .header{
        height: 100%;
    }
    .site-pusher, .site-container{
        height: 100%;
    }
    .site-container{
        overflow: hidden;
    }
    .site-pusher{
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    .site-content{
        position: absolute;
        top: 66px;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .header__icon{
        position: relative;
        display: block;
        float: left;
        width: 50px;
        height: 66px;
        cursor: pointer;
        z-index: 99999999999;
    }
    .burger{
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 200;
        z-index: 99999999999;
        opacity: 0;
        height: 40px;
        width: 40px;
    }
    .burger-item{
        color: #000;
        font-size: 40px;
        position: fixed;
        top: 25px;
        left: 15px;
        z-index: 100;
        background: #000;
        height: 3px;
        width: 24px;
    }
    .burger-item::before{
        content: "";
        position: absolute;
        background: #000;
        color: #000;
        display: block;
        height: 3px;
        width: 24px;
        margin-top: -8px;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .burger-item::after{
        content: "";
        position: absolute;
        background: #000;
        color: #000;
        display: block;
        height: 3px;
        width: 24px;
        margin-top: 8px;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .with--sidebar .burger-item:before{
        margin-top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .with--sidebar .burger-item:after{
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .with--sidebar .burger-item{
        background: transparent;
        color: transparent;
    }
    .menu{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.95);
        width: 250px;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
    }
    .menu ul li > a{
        display: block;
        text-align: left;
        color: #fff;
    }
    .menu ul li >a:hover{
        color: #ccc;
    }
    .menu ul{
        margin: 70px 20px 0 20px !important;
    }
    .menu .nav-link{
        padding: 0;
    }
    .menu ul li{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #5f5f5f;
    }
    .with--sidebar .site-pusher{
        -webkit-transform: translateX(250px);
        transform: translateX(250px);
    }
    .with--sidebar .site-cache{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.6);
    }
    .lang .dropdown-menu{
        width: 100%;
    }
    .dropdown-item:focus, .dropdown-item:hover{
        background-color: transparent;
    }
    .lang .dropdown-toggle::after{
        right: 20px;
        top: 0;
    }
    .lang .dropdown-item{
        padding: 22px 0 0 0;
        color: #fff;
    }
    .lang .dropdown-menu{
        background-color: transparent;
    }
    .listing form{
        display: none;
    }
    .listing_article .img-fluid{
        width: 100%;
        height: 100%;
    }
    .prod_listing.damier > .listing_article article{
        width: 100%;
        margin-top: 20px;
    }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        width: 100% !important;
    }
    .block_vue_list{
        display: none;
    }
    .listing_article .img-fluid{
        width: 100%;
        height: 100%;
    }
    .prod_listing > article{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_listing .block_img, .prod_listing .block_info, .sidebar{
        width: 100%;
    }
    .content_page, .sidebar{
        width: 100%;
    }
    .sidebar{
        margin: 50px 0 0 0;
        padding: 0;
    }
    .contact .sidebar{
        margin: 50px 0 0 20px;
    }
    .detail .not-sticking .sticky_moteur{
        display: none;
    }
    .detail .sticking .sticky_moteur{
        display: block;
    }
    .detail .container_page{
        margin-top: 100px;
    }
    .detail_header{
        margin-bottom: 30px;
    }
    .detail_calculette-notaire form > div{
        padding: 10px 0;
    }
    .detail_calculette-notaire form > div > input{
        width: 100%;
    }
    .comparateur .container.resettop .nav-link span{
        display: none;
    }
    .form-search-d{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .form-search-d > li{
        width: 100%;
        margin: 15px;
        padding: 0;
    }
    .detail .detail_taber .nav-item{
        font-family: "Ionicons";
    }
    .detail_taber .nav-item a{
        font-size: 19px;
        line-height: 35px;
        padding: 10px 25px;
    }
    .detail .vvirtuelle:before{
        display: block;
    }
    .detail_taber .descriptif-icon a:before{
        content: "\f127";
    }
    .detail_taber .detail-icon a:before{
        content: "\f130";
    }
    .detail_taber .pieces-icon a:before{
        content: "\f41d";
    }
    .detail_taber .lots-icon a:before{
        content: "\f41d";
    }
    .detail_taber .dpe-icon a:before{
        content: "\f36b";
    }
    .detail_taber .localisation-icon a:before{
        content: "\f456";
    }
    .detail_taber .calculette-icon a:before{
        content: "\f26d";
    }
    .detail_taber .notaire-icon a:before{
        content: "\f12e";
    }
    .detail_taber .visite-icon a:before{
        content: "\f256";
    }
    .detail_icone > ul >li:nth-of-type(2){
        display: none;
    }
    #listing{
        display: none !important;
    }
    .lafficheur li{
        font-size: 12px !important;
        padding: 5px !important;
    }
    .detail_calculette .d-flex > div{
        width: 100%;
    }
    .detail_calculette .mr-2{
        margin: 0 !important;
    }
    .detail_header_sticky h1{
        text-align: center;
        font-size: 12px;
        display: block;
        width: 100%;
    }
    .prod_listing .block_info-vendu{
        width: 100%;
    }
    .prod_listing .info_titre{
        width: 90%;
    }
    .index .prod_accueil, .detail .prod_accueil{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_accueil{
        margin: 0 -10px;
    }
    .prod_accueil article{
        border: 1px solid #ddd;
        width: calc(100% - 20px);
        margin: 10px;
    }
    .appel_horaires{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .appel_horaires > li{
        width: 50%;
    }
    .lafficheur li{
        width: 19%;
    }
    .with--sidebar .sticky_menu{
        height: 100%;
    }
    .index .search-form{
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    aside.aside_contact{
        height: 420px !important;
        width: 100%;
        overflow: auto;
        top: calc(100% - 478px) !important;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    .bg_collapse{
        width: 100%;
        padding: 40px 0 0;
        min-height: 600px;
    }
    .contact .contact_formulaire, .estimation .contact_formulaire{
        width: 100%;
    }
    .search__form-item:nth-child(n+2){
        margin-right: 0;
        margin-bottom: 5px;
        vertical-align: top;
        width: calc(100% / 1 - 4px);
    }
    #bloc_fixed{
        display: none !important;
    }
    #bloc_fixed_bottom{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .card_list{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .info_type{
        margin-top: 20px;
    }
    .tab-content .card_list li{
        font-size: 11px;
    }
    .map{
        top: 50px;
    }
    aside #map{
        width: 47%;
        margin: auto;
    }
}

@media (max-width: 768px){
    .sidebar{
        display: none;
    }
    .listing .fiche_produit{
        margin-top: 115px;
        margin-bottom: 0px;
    }
    .contact .contact_formulaire, .estimation .contact_formulaire{
        width: 100%;
    }
    .action_bar{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .action_bar > div:nth-child(1){
        width: 100%;
        margin-bottom: 20px;
    }
    .action_bar > div:nth-child(2){
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .prod_listing > .listing_article article{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .effect-cms .over_desc{
        display: none;
    }
    .actualites-group{
        margin-right: 0px;
    }
    .detail_carousel_expand{
        bottom: 75px;
        font-size: 40px;
    }
}

@media (max-width: 576px){
    .breadcrumb-cms{
        display: none;
    }
    .detail .container_page{
        margin-top: 75px;
    }
    .detail_header, .detail_annexe{
        display: none;
    }
    .listing .fiche_produit{
        margin-top: 93px;
        margin-bottom: 15px;
    }
    .listing_article.clearfix{
        margin-top: 0px;
    }
    .action_bar > div:nth-child(2){
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .block_tri_list{
        width: 100%;
    }
    .detail_annexe_nav_contact{
        display: none;
    }
    .detail_form_contact .groupe_champs > .form-group{
        width: 100%;
        margin-bottom: 5px;
    }
    #detailinfosdetail > ul li{
        display: inline-block;
        float: none;
        width: 100%;
    }
    .detail_calculette .d-sm-flex > div, .detail_calculette-notaire .d-sm-flex > div{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #detail_qrcode{
        text-align: center;
        margin: auto;
    }
    #detail_qrcode canvas{
        width: 50%;
    }
    footer .liens_left, footer .liens_right{
        text-align: center;
    }
    .lignemoteur, .groupe_champs > .form-group{
        width: 100%;
        padding: 0 10px;
    }
    .detail_taber .nav-item a{
        padding: .5em .7em;
    }
    .lafficheur li{
        width: 31%;
    }
}

@media (min-width: 420px){
    .bloc4{
        display: none;
    }
}

@media (max-width: 420px){
    aside #map{
        width: 100%;
        height: auto;
    }
    aside #map img:not(.leaflet-marker-icon){
        width: 100%;
    }
    .with--sidebar .burger-item{
        background: transparent;
        color: transparent;
        top: 55px;
    }
    .header .img-fluid{
        margin-left: -15px;
    }
    .moteur{
        top: 60px;
    }
    .modal-content form{
        display: block !important;
    }
    #formrecherchelocation, #formrecherchevente{
        display: none;
    }
    #content{
        margin-top: 25%;
    }
    .detail_carousel_expand{
        bottom: 50px;
        font-size: 30px;
    }
    #biens_comparatif .article_comparatif, #biens_similaires_comparateur article, #biens_historique article{
        min-width: 95%;
    }
    .detail .sticking .sticky_moteur {
        display: none;
    }
}

@media (max-width: 320px){
    .card_list, .card_list li{
        display: block;
    }
    .card_list, .damier .card_list{
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 20px;
    }
    .card_list li{
        padding-bottom: 10px;
    }
    aside address .group_btn a{
        width: 100%;
        margin-bottom: 10px;
    }
}

.cc-animate.cc-revoke{
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease;
}

.cc-revoke, .cc-window{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.cc-compliance{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

#notifications{
    visibility: hidden;
    min-width: 320px;
    margin-left: -125px;
    background: none;
    position: fixed;
    z-index: 10000;
    left: 48%;
    top: 25%;
}

.alert.fade.show{
    visibility: visible;
    z-index: 10000;
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation:landscape){
    .index-logo-not-sticking, .index-logo-sticking, .logo-sticking, .logo-not-sticking, .header .img-fluid{
        width: 20%;
    }
    .moteur{
        top: 35px !important;
    }
    .search__form-item:nth-child(n+2){
        width: calc(100% / 4 - 3px) !important;
    }
    .search__form-item:last-child{
        width: 100% !important;
    }
    .cat{
        margin-bottom: 20px !important;
    }
    .card_list li{
        font-size: 12px !important;
    }
    .card_list, .card_list li{
        display: block !important;
    }
    .spin4.info_prix{
        font-size: 17px !important;
        text-align: left !important;
    }
    .info_type{
        margin-top: 0 !important;
    }
    .cont_coordonnees .address, .cont_coordonnees .address p, .cont_coordonnees .tel{
        text-align: center !important;
    }
    .listing #content, .listing-vente #content{
        margin-top: 0 !important;
    }
    .listing .card_list, [class*="listing-"] .card_list, .listing .card_list{
        padding-left: 20px !important;
    }
    .listing #content, [class*="listing-"] #content{
        margin-top: 75px !important;
    }
    .menu ul{
        margin: 15px !important;
    }
    .menu ul > li > a{
        padding: 0 !important;
    }
    .aside_contact .contact_contain .pres_agency, .aside_contact .contact_contain .contact_coordinates .address li{
        display: none;
    }
    .aside_contact .address{
        margin-top: 90px !important;
    }
}

@media (max-width: 991px){
    .listing #formrecherche, [class*="listing-"] #formrecherchevente, [class*="listing-"] #formrecherchelocation, [class*="listing-"] #formrecherchelocationsaison, [class*="listing-"] #formrechercheneuf, [class*="listing-"] #formrecherchevendu{
        display: none;
    }
    .modal-dialog form, .modal-dialog form, .modal-dialog form, .modal-dialog form, .modal-dialog form{
        display: block !important;
    }
    footer{
        padding-bottom: 75px !important;
    }
    .modal-dialog{
        margin: 160px auto;
    }
}

@media (max-width: 420px){
    .header__logo img {
        margin-left: -20px;
        margin-top: 10px;
        max-width: 70%;
    }
    .prod_accueil .card-fav-absolute {
        top: 0;
        right: 0;
    }
}

@media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1.5)
    and (min--moz-device-pixel-ratio: 1.5)
    and (-o-min-device-pixel-ratio: 2/1)
    and (min-device-pixel-ratio: 1.5){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center center !important;
        }
}

@media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 1.5)
    and (min--moz-device-pixel-ratio: 1.5)
    and (-o-min-device-pixel-ratio: 2/1)
    and (min-device-pixel-ratio: 1.5){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center bottom !important;
        }
}

@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio: 2){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center center !important;
        }
}

@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)
    and (-webkit-min-device-pixel-ratio: 2){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center bottom !important;
        }
}

@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center center !important;
        }
}

@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : portrait){
        .bgAccueil{
            background-size: 1024px 768px !important;
            background: url("/assets/images/bgimg.jpg") no-repeat center top !important;
        }
}

.dpe-txt{
    padding-bottom: 10px;
}

/* REFERENCEMENT */
    /* COMMUN */
    .referencement h1, .referencement h2 {
        font-weight: inherit;
        font-size: 35px;
        font-family: serif;
        letter-spacing: 2px;
        padding: 0 0 10px 15px;
        color: #000;
    }
    .referencement .listref a {
        font-style: italic;
        font-weight: bold;
    }
    .referencement .listref a::before {
        content: "";
        display: inline-block;
        position: relative;
        background: #000;
        width: 20px;
        height: 1px;
        margin: 0 10px 0 0;
        top: -5px;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .referencement .itemlolo {
        padding: 0 15px;
    }
    .referencement .ensavoirplus i {
        color: #000;
    }
    .listeliens ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .listeliens ul li{
        width: calc(100% / 3);
    }
    .referencement:not(.index){
        padding:50px 0 30px 0;
    }
        /* ACCUEIL */
    .index .referencement .listref {
        padding-right: 15px;
        padding-left: 50px;
    }
        /* VENTE + LOCATION */
    .referencement .refpdmg{
        margin-left:0;
        margin-right:0;
        padding-top:40px;
    }
        /* PAGE DE REF */
    [class*="vente-"] .page_ref .prod_listing.damier,
    [class*="location-"] .page_ref .prod_listing.damier {
        margin-bottom: 30px;
    }
    .page_ref .prod_listing article {
        background: #f9f9f9;
    }
    .page_ref .prod_listing .block_img,
    .page_ref .prod_listing .block_info {
        width: 100%;
    }
    .page_ref .prod_listing .block_info {
        padding: 0 0 0 0;
        position: relative;
        z-index: 1;
        min-height: 100px;
    }
    .page_ref .prod_listing .card-fav-absolute {
        top: 75%;
        right: 8px;
    }
    .page_ref .prod_listing article .effect-cms {
        padding: 30px 0;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .page_ref .prod_listing .info_ville,
    .page_ref .prod_listing .info_type,
    .page_ref .prod_listing .info_prix {
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .page_ref .prod_listing .info_prix-hai {
        line-height: 1em;
        color: #000;
        margin: 15px auto 0 auto;
        text-align: center;
        display: none;
    }
    .page_ref .description {
        padding: 15px 20px 10px 20px;
        font-size: 11px;
    }
        /* RESPONSIVE REF */
    @media (max-width: 768px){
        .referencement .listref {
            padding-left: 20px;
        }
    }
    @media (max-width: 420px){
        .referencement .listref {
            padding: 0 15px;
        }
        .listeliens ul li {
            width: 100%;
        }
    }


/* PRODUIT HABITATION SLIDER */
.produitshabitationslider.multiple .prod_accueil .card_list {
    display: none;
}
.produitshabitationslider.multiple .effect-cms .over_desc,
.produitshabitationslider .effect-cms .over_desc,
.produitshabitationslider.multiple .info_numero,
.produitshabitationslider.multiple .info_prix-hai,
.produitshabitationslider.multiple .card_list,
.produitshabitationslider.multiple .info_prix sup,
.produitshabitationslider.multiple .info_titre {
  display: none;
}
.prod_accueil .box {
    height: 20px;
}
.prod_accueil .card-fav-absolute {
    display: none;
}
.produitshabitationslider.multiple .carousel-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /*padding: 0 75px;*/
  text-align: center;
}
.produitshabitationslider .carousel-item article {
  width: calc(100% - 1px);
  background: #fff;
  border: 1px solid #ddd;
  margin: 0;
  text-align: center;
}
.produitshabitationslider.multiple .carousel-item article {
  width: calc(27.3% - 1px);
  background: #fff;
  border: 1px solid #ddd;
  margin: 0;
  text-align: center;
}
.produitshabitationslider.multiple .block_info {
  z-index: 0;
  padding: 20px;
  min-height: auto;
}


/* COOKIES */
.sous-titre {
    border-left: 3px solid #111;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.a-color {
    color: #FF6F61;
}
.contenu-legal p {
    text-align: justify;
}
.contenu-legal span {
    font-weight: 500;
}
/*POP-UP EDGE*/
.modal-body, .modal-header{
    color: #000;
    text-align: center;
}
.modal-title {
    margin: auto;
}
.modal-body a {
    color : red!important;
}


@media (max-width: 824px) and (min-width: 450px) and (orientation: landscape) {
    .no-way-content {
        display: none;
    }
    .btn {
        padding: 0.25rem .75rem;
        font-size: 0.7rem;
    }
    .index-logo-not-sticking, .index-logo-sticking, .logo-sticking, .logo-not-sticking, .header .img-fluid {
        width: 42%;
    }
    .moteur {
        top: 24%!important;
    }
    .search__form-item:nth-child(n+2) {
        width: calc(100% / 2 - 0px) !important;
    }
    .search__form-item.c_valid {
        width: 100%!important;
    }
    [class*="listing-"] .not-sticking .container_search {
        display: none;
    }
    .modal-dialog {
        margin: 5% auto;
    }
    .detail_header_sticky .titre {
        font-size:12px!important;
    }
    .detail_header_btn {
        display: none;
    }
    .card_list li {
        display: inline!important;
    }
    .menu ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
}
/* ================================================================================================================= */
/*                                                      GENERAL                                                      */
/* ================================================================================================================= */
/*Import Fonts*/
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');


body {
    font-family: 'Work Sans', sans-serif;
    background: #fff;
}
body.index {
    background: #dadada;
}


.btn {
    border-radius: 0;
}
.btn-primary, .btn-info, .btn-secondary {
    color: #fff;
    background-color: #b00a34;
    border-color: #b00a34;
}
aside .btn-primary {
    color: #fff;
    background-color: #b00a34;
    border-color: #b00a34;
}
.btn-primary:hover, .btn-info:hover, .btn-secondary:hover {
    color: #b00a34;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}
.marginTop5 {
    margin-top:0.5%;
}


/* COULEURS */
.rouge-clair {

}
.rouge {
    color:#b00a34;
}
.prune {
    color: #6c0935;
}

/* ================================================================================================================= */
/*                                                    MENU BURGER                                                    */
/* ================================================================================================================= */
.header__burger input[type=checkbox] {
    display: none;
}
.header__burger {
    position: absolute;
    top: 22px;
    left: 32px;
}
.header__burger > span {
    text-transform: none;
    opacity: .5;
    font-weight: 300;
    font-size: 12px;
}
.header__burger input + label {
    height: 20px;
    width: 40px;
    z-index: 5;
    position: fixed;
}
.header__burger input + label span {
    position: absolute;
    width: 100%;
    height: 3px;
    top: 52%;
    margin-top: -1px;
    left: 0;
    display: block;
    background: #b00a34;
    transition: .5s;
}
.header__burger input + label span:first-child {
    top: 0;
}
.header__burger input + label span:last-child {
    top: 20px;
}
.header__burger label:hover {
    cursor: pointer;
}
.header__burger input:checked + label span {
    opacity: 0;
    top: 50%;
}
.header__burger input:checked + label span:first-child {
    opacity: 1;
    transform: rotate(405deg);
}
.header__burger input:checked + label span:last-child {
    opacity: 1;
    transform: rotate(-405deg);
}
.header__burger input ~ nav {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    z-index: 3;
    transition: .5s;
    transition-delay: .5s;
    overflow: hidden;
    /* display: flex; */
}
.header__burger input ~ nav > ul {
    text-align: center;
    width: 65%;
    margin: auto;
    background: url(/assets/images/bgimg-nav.png) no-repeat center center;
    background-size: contain;
}
.header__burger input ~ nav > ul > li {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.header__burger input ~ nav > ul > li > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #b00a34;
    font-weight: 700;
    font-family: sans-serif;
    display: block;
    padding: 15px;
    font-size: 25px;
}
.header__burger .badge {
    padding: 0.29em .43em;
    bottom: 3px;
}
.header__burger input ~ nav > ul > li > a:hover {
    background: #b00a34;
    color: #fff;
}

.header__burger input:checked ~ nav {
    height: 100%;
    width: 100%;
    transition-delay: 0s;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
}
.header__burger input:checked ~ nav > ul > li {
    opacity: 1;
    transition-delay: .5s;
}
/* RESEAUX SOCIAUX */
.header__burger input ~ nav > .reseaux-sociaux {
    position: absolute;
    bottom: 4%;
    left: 4%;
}
.header__burger input ~ nav > .reseaux-sociaux > ul > li {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.header__burger input:checked ~ nav > .reseaux-sociaux > ul > li {
    opacity: 1;
    transition-delay: .5s;
    padding: 0 15px;
}
.header__burger input:checked ~ nav > .reseaux-sociaux > ul > li > a{
    font-size: 23px;
    color: #6b6a6a;
}
.header__burger input:checked ~ nav > .reseaux-sociaux > ul > li > a:hover{
    color: #b00a34;
}
/* LANGUE */
.header__burger input ~ nav > .langue {
    position: absolute;
    bottom: 4%;
    right: 38%;
}
.header__burger input ~ nav > .langue >  ul {
    display: flex;
}
.header__burger input ~ nav > .langue >  ul > li {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.header__burger input:checked ~ nav > .langue > ul > li {
    opacity: 1;
    transition-delay: .5s;
    padding: 0 15px;
}
.langue img {
    width: 30px;
}

/* COORDONNES AGENCE */
.coordonnees {
    width: 35vw;
    text-align: center;
    /* margin: auto; */
    border-left: 2px solid #b00a346b;
}
#map_contact {
    height: 50vh !important;
    -webkit-transition-property: height;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: height;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
.coordonnees .map {
    height: 50vh;
    background: #efe6e6;
    margin: auto;
}
.coordonnees .address {
    height: 50vh;
    background: #efe6e6;
    margin: auto;
    display: grid;
    border-bottom: 2px solid #b00a346b;

}
.coordonnees .address ul{
    margin: auto;
}
.coordonnees .btn-primary:hover {
    color: #b00a34;
    background-color: #e6e6e6;
    border-color: #b00a34;
}
.coordonnees .address-logo {
    margin-bottom: 11%;
}
.address-logo img {
    width: 150px;
}

/* MOTEUR DE RECHERCHE TOP DROITE */
.search .moteur-nav {
    opacity: 0;
    transition: .5s;
    transition-delay: 0s;
}
.search .moteur-nav {
    opacity: 1;
    transition-delay: .5s;
    padding: 0 15px;
}
.search .moteur-nav {
    position: relative;
    width: 50%;
    margin: auto 0;
    height: 100%;
    background: #b00a34;
    display: flex;
}
.search .container_search{
    margin: auto 0;
}
.moteur-nav .search__form-item:nth-child(n+2) {
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    width: calc(100% / 1 - 4px);
    height: auto;
}
.search .moteur-nav input + label {
    height: 45px;
    width: 100%;
    position: initial;
}
.search .moteur-nav .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border: 2px solid #fff;
    color: #fff;
    font-size: 17px;
}
.searchr .moteur-nav .plusdecritere a{
    color: #fff;
}
.plusdecritere .btn-default:hover{
    color: #fff;
    background-color: #b00a34;
}

.radio_trans input[type=radio].css-checkbox + label.css-label {
    cursor: pointer;
    display: inline-block;
    padding: 7px;
}
.search {
    display: none;
}
.index .search {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    width: 100px;
    height: 100px;
    z-index: 9;
}
.search ul {
    top: 18%;
}
.search ul li a i {
    font-size: 40px;
    margin: auto 0;
    color: #b00a34;
}
aside.aside_contact {
    background-color: #393832;
}
aside .form-search-d label.btn,aside .form-search-d label.btn.small {
    border: 1px solid #ddd;
    font-size: .7em;
    width: 100%;
    background-color: transparent;
    margin: 0;
    height: auto;
    color: #fff;
}
aside .form-search-d label.btn.active,aside .form-search-d label.btn:hover {
    background: #b00a34;
    color: #fff;
}
aside .form-search-d .check {
    padding: 5px;
    display: none;
    z-index: 10;
}
aside .form-search-d .txt {
    padding: 5px;
    display: inline-block;
}
aside .search_form .c_type {
    background: transparent;
    height: auto ! important;
    width: 100%;
}
aside .search_form .label {
    float: initial ! important;
    border-bottom: 1px solid #ffffff45;
    width: 100% ! important;
    font-style: italic;
}
.index .radio_trans input.css-checkbox[type="radio"]:checked + label.css-label {
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.search__form-item:nth-child(2), .search__form-item:nth-child(3) {
    background: transparent;
}
aside .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    background: #fff;
}
aside .form-search-d > li {
    width: 50%;
    padding: 4px 6px;
    font-size: 17px;
    text-transform: capitalize;
}
aside .form-group label.active .check::before {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: "";
    display: block;
    height: auto;
    margin: 0 auto;
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: width .3s ease,height .3s ease;
    transition: width .3s ease,height .3s ease;
}
aside .search_form .c_surfacemin,
aside .search_form .c_surfacemax,
aside .search_form .c_prixmin,
aside .search_form .c_prixmax {
    width:calc(100% / 2 - 10px)! important;
}
aside .search__form-item {
    padding: 3% 0;
}
aside .form-search-d {
    margin: 0;
}
/* ================================================================================================================= */
/*                                                        LOGO                                                       */
/* ================================================================================================================= */
.logo-header {
    background: rgba(255,255,255,0.5);
    /* position: fixed; */
}
/* ================================================================================================================= */
/*                                                       HEADER                                                      */
/* ================================================================================================================= */
.bloc-index .container-fluid {
    padding-right: 6.1%;
    padding-left: 6.1%;
    padding-top: 0.25%;
    padding-bottom: 0.25%;
}
.bgAccueil {
    height: 10px;
    position: relative;
    background: transparent;

}
.bloc-index {
    margin-top: 95px;
}
.bloc-index .col1,
.bloc-index .col2,
.bloc-index .col3,
.bloc-index .col4,
.bloc-index .col5,
.bloc-index .col6 {
    height: 25rem;
}
.bloc-index a img{
    padding: 20px;
    background: #dadada;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.img-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}
.detail  .col,
.detail  .col-1,
.detail  .col-10,
.detail  .col-11,
.detail  .col-12,
.detail  .col-2,
.detail  .col-3,
.detail  .col-4,
.detail  .col-5,
.detail  .col-6,
.detail  .col-7,
.detail  .col-8,
.detail  .col-9,
.detail  .col-auto,
.detail  .col-lg,
.detail  .col-lg-1,
.detail  .col-lg-10,
.detail  .col-lg-11,
.detail  .col-lg-12,
.detail  .col-lg-2,
.detail  .col-lg-3,
.detail  .col-lg-4,
.detail  .col-lg-5,
.detail  .col-lg-6,
.detail  .col-lg-7,
.detail  .col-lg-8,
.detail  .col-lg-9,
.detail  .col-lg-auto,
.detail  .col-md,
.detail  .col-md-1,
.detail  .col-md-10,
.detail  .col-md-11,
.detail  .col-md-12, .col-md-2,
.detail  .col-md-3,
.detail  .col-md-4,
.detail  .col-md-5,
.detail  .col-md-6,
.detail  .col-md-7,
.detail  .col-md-8,
.detail  .col-md-9,
.detail  .col-md-auto,
.detail  .col-sm,
.detail  .col-sm-1,
.detail  .col-sm-10,
.detail  .col-sm-11,
.detail  .col-sm-12,
.detail  .col-sm-2,
.detail  .col-sm-3,
.detail  .col-sm-4,
.detail  .col-sm-5,
.detail  .col-sm-6,
.detail  .col-sm-7,
.detail  .col-sm-8,
.detail  .col-sm-9,
.detail  .col-sm-auto,
.detail  .col-xl,
.detail  .col-xl-1,
.detail  .col-xl-10,
.detail  .col-xl-11,
.detail  .col-xl-12,
.detail  .col-xl-2,
.detail  .col-xl-3,
.detail  .col-xl-4,
.detail  .col-xl-5,
.detail  .col-xl-6,
.detail  .col-xl-7,
.detail  .col-xl-8,
.detail  .col-xl-9,
.detail .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
}
.bloc-index a:hover img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}




/* ================================================================================================================= */
/*                                                     EFFETS                                                        */
/* ================================================================================================================= */


.snip1573 {
    background-color: #dadada;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.snip1573 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1573:before, .snip1573:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background-color: #ffffff85;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    opacity: 0.9;
    z-index: 1;
}

.snip1573:before {
    -webkit-transform: skew(45deg) translateX(-155%);
    transform: skew(45deg) translateX(-155%);
}

.snip1573:after {
    -webkit-transform: skew(45deg) translateX(155%);
    transform: skew(45deg) translateX(155%);
}

.snip1573 img {
    backface-visibility: hidden;
    max-width: 100%;
    vertical-align: top;
}

.snip1573 figcaption {
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    -webkit-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
}

.snip1573 h2 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 1;
    position: absolute;
    top: 46%;
    left: 41.5%;
    text-align: center;
}
.snip1573 h3 {
    background-color: #b00a34;
    border: 2px solid #fff;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.snip1573 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.snip1573:hover > img,
.snip1573.hover > img {
    opacity: 0.5;
}

.snip1573:hover:before,
.snip1573.hover:before {
    -webkit-transform: skew(45deg) translateX(-55%);
    transform: skew(45deg) translateX(-55%);
}

.snip1573:hover:after,
.snip1573.hover:after {
    -webkit-transform: skew(45deg) translateX(55%);
    transform: skew(45deg) translateX(55%);
}

.snip1573:hover figcaption,
.snip1573.hover figcaption {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}








.snip1477 {
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    background-color: transparent;
    padding: 20px;
}
.snip1477 *,
.snip1477 *:before,
.snip1477 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.snip1477 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.9;
}
.snip1477 .title {
    position: absolute;
    top: 58%;
    left: 25px;
    padding: 5px 10px 10px;
}
.snip1477 .title:before,
.snip1477 .title:after {
    height: 2px;
    width: 400px;
    position: absolute;
    content: '';
    background-color: #ffffff;
}
.snip1477 .title:before {
    top: 0;
    left: 58%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.snip1477 .title:after {
    bottom: 0;
    right: 10px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.snip1477 .title div:before, .snip1477 .title div:after {
    width: 2px;
    height: 320px;
    position: absolute;
    content: '';
    background-color: #ffffff;
}
.snip1477 .title div:before {
    top: 10px;
    right: -8px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.snip1477 .title div:after {
    bottom: 1px;
    left: -8px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.snip1477 h2,
.snip1477 h4 {
    margin: 0;
    text-transform: uppercase;
}
.snip1477 h2 {
    font-weight: 400;
}
.snip1477 h4 {
    display: block;
    font-weight: 700;
    background-color: #b00a34;
    padding: 5px 10px;
    color: #fff;
}
.snip1477 figcaption {
    position: absolute;
    bottom: 39%;
    left: 31px;
    text-align: left;
    opacity: 0;
    padding: 5px 60px 5px 10px;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.snip1477 figcaption p {
    margin: 0;
}
.snip1477 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.snip1477:hover img,
.snip1477.hover img {
    zoom: 3;
    filter: alpha(opacity=7);
    -webkit-opacity: 0.7;
    opacity: 0.7;
}
.snip1477:hover .title:before,
.snip1477.hover .title:before,
.snip1477:hover .title:after,
.snip1477.hover .title:after,
.snip1477:hover .title div:before,
.snip1477.hover .title div:before,
.snip1477:hover .title div:after,
.snip1477.hover .title div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.snip1477:hover .title:before,
.snip1477.hover .title:before,
.snip1477:hover .title:after,
.snip1477.hover .title:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.snip1477:hover figcaption,
.snip1477.hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}








.snip0029 {
    font-family: 'Raleway', Arial, sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    background: transparent;
}
.snip0029 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.snip0029 img {
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.snip0029 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}
.snip0029 figcaption h2 {
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin: 0;
    padding: 18px 15px;
    position: absolute;
    font-size: 1em;
    bottom: 20%;
    right: 30%;
    left: 30%;
    word-spacing: -0.1em;
    font-weight: 300;
    text-transform: uppercase;
    box-shadow: 0 0 6px rgb(255, 255, 255);
    background-color: #ffffff;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    color: #000;
}
.snip0029 figcaption h2 span {
    font-weight: 800;
}
.snip0029 figcaption > div {
    border-radius: 0 0 5px 5px;
    background-color: #b00a34;
    position: absolute;
    left: 35%;
    right: 35%;
    bottom: 42px;
    text-align: center;
    padding: 5px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
}
.snip0029 figcaption > div i {
    font-size: 17px;
    padding: 6px;
    color: #ffffff;
    opacity: 0;
    position: relative;
    top: -50px;
    -webkit-transition: top 0.35s, opacity 0.35s;
    transition: top 0.5s, opacity 0.5s;
}
.snip0029 figcaption a {
    opacity: 0.8;
}
.snip0029 figcaption a:hover {
    opacity: 1;
}
.snip0029 figcaption::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    background-image: linear-gradient(to top, #000000 0%, transparent 50%, #000000 100%);
}
.snip0029:hover img {
    opacity: 0.7;
}
.snip0029:hover figcaption h2 {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.snip0029:hover figcaption > div {
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
}
.snip0029:hover figcaption::before{
    opacity: 0.8;
}
.snip0029:hover figcaption i {
    top: 0px;
    opacity: 0.7;
}
.snip0029:hover a:first-child i {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.snip0029:hover a:nth-child(2) i {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.snip0029:hover a:nth-child(3) i {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.col5 .snip1573 h2 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 1;
    position: absolute;
    bottom: 7%;
    left: 6.5%;
    text-align: center;
}
.snip1477 .title:before, .snip1477 .title:after {
    width: 150rem;
}

/* ================================================================================================================= */
/*                                                       LISTING                                                     */
/* ================================================================================================================= */
/* GENERAL AUX 3 VUES */
[class*="listing"] .container_search,
[class*="listing-"] .container_search {
    margin: 0;
    background-color: rgba(255,255,255,0.5);
    padding: 5px;
}
[class*="listing"] .sticking .header__burger,
[class*="listing-"] .sticking .header__burger {
    display: none;
}
[class*="listing"] .sticking .logo-header,
[class*="listing-"] .sticking .logo-header {
    display: none;
}

.dropdown-menu.open.show {
    transform: translate3d(0px, 36px, 0px)!important;
}

/* VUE DAMIER */
.prod_listing.damier > .listing_article article {
    background: #fff;
    text-align: center;
}
.prod_listing.damier .info_titre {
    display: none;
}

/* VUE CARTE */
.prod_listing > .listing_article article {
    background-color: #fff;
}


/* VUE LISTING */


/* ITEMS */
.ion-ios-heart.active:before {
    color: red;
}



/*PAGE DETAILS*/
.detail_taber .nav-link {
    padding: 10px;
}
.detail_taber .nav-link.active,
.detail_taber .nav-link:hover {
    background: #b00a34 !important;
    color: #fff;
    padding: 10px;
}
.detail_taber {
    border-bottom: 1px solid #b00a34;
}
.detail_header .titre:after {
    background: #b00a34;
}
.detail_header .crit span:nth-child(1) {
    font-weight: 600;
}
.retour_pret {
    font-size: 25px;
    font-weight: 700;
    color: #b00a34;
}
.retour_pret span {
    color: #b00a34;
}
.detail .page_heading {
    font-size: 22px;
    font-weight: 500;
    border-left: 2px solid #b00a34;
    padding-left: 10px;
}
.detail .info_titre {
    text-transform: inherit;
}
.detail .info_prix {
    padding: 0;
}
.detail .header-item {
    padding: 0;
}
.lafficheur li:hover, .lafficheur li.active {
    background-color: #b00a34 !important;
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #b00a34 !important;
}
.detail #descdetail{
    text-align: justify;
}
/*MISE EN FORME TABLEAU DETAILS*/
.detail .attribut_label0 {
    position: relative;
    background: #fff;
}
.detail .bloc-champ{
    background: #fff;
}

/* ================================================================================================================= */
/*                                                     FOOTER                                                        */
/* ================================================================================================================= */
footer {
    background-color: #fff;
    padding: 20px 10px;
    color: #b00a34;
}
footer a{
    color: #000;
}
a:hover {
    color: #b00a34;
    text-decoration: underline;
}
/* ================================================================================================================= */
/*                                                    RESPONSIVE                                                     */
/* ================================================================================================================= */
@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #000;
    }
    .index .not-sticking .menu ul > li > a {
        color: #fff;
    }
    .header__logo {
        display: block;
        height: 100px;
        padding: 3px;
    }
    .header__logo img {
        width: 200px;
    }
}
@media(max-width:1280px) {
    .header__burger input ~ nav > ul > li > a {
        font-size: 20px;
    }
    .drapeau a img {
        width: 30px;
    }
    .header {
        background: transparent;
    }
    .logo-header {
        height: 100px;
        z-index: 1;
    }
    aside.aside_contact {
        height: 100% !important;
        top: 0!important;
    }
    .form-search-d > li {
        margin: 3px;
    }
    aside .form-search-d > li {
        width: 46%;
    }
    aside .search__form-item {
        padding: 2% 0;
    }
}
@media(min-width:769px) {

}
@media(max-width:768px) {
    .header__logo img {
        width: 140px;
        padding: 10px 0;
    }
    .bloc-header .container-fluid {
        padding-right: 3.1%;
        padding-left: 3.1%;
        padding-top: 1.3%;
    }
    .bloc-index .col1,
    .bloc-index .col2,
    .bloc-index .col3,
    .bloc-index .col4,
    .bloc-index .col5,
    .bloc-index .col6 {
        height: 12.5rem;
    }
    .snip1477 h2 {
        font-size: 20px;
    }
    .snip1477 {
        padding: 10px;
    }
    .snip1477 h4 {
        font-size: 14px;
    }
    .snip1477 .title {
        left: 15px;
    }
    .bgAccueil {
        height: 0;
        position: relative;
        background: transparent;
    }
    aside .form-search-d > li {
        width: 47.5%;
    }
    .header__burger input ~ nav > ul,.coordonnees {
        width: 50%;
    }
    .map {
        top: 0;
    }
    .header__burger input ~ nav > .langue {
        position: absolute;
        bottom: 0.7%;
        right: 65%;
    }
    .header__burger input ~ nav > .reseaux-sociaux {
        position: absolute;
        bottom: 4%;
        left: 12%;
    }
}
@media(max-width:560px) {
    .bloc-index {
        margin-top: 105px;
    }
    .bgAccueil {
        height: 0;
    }
    .header__burger input ~ nav {
        width: 60px;
        height: 60px;
    }
    .header__burger input:checked ~ nav {
        display: block;
    }
    .header__burger input ~ nav > ul, .coordonnees {
        width: 100%;
    }
    .search, .index .search {
        width: 60px;
        height: 60px;
    }
    .header__logo img {
        width: 100px;
    }
    .logo-header {
        height: 60px;
    }
    .header__logo img {
        margin-left: 4%;
        margin-top: 4px;
        padding: 0;
    }
    .header__burger input + label span {
        width: 84%;
    }
    .header__burger {
        top: 5px;
        left: 14px;
    }
    .search ul li a i {
        font-size: 37px;
    }
    .search ul {
        top: 9%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .bgAccueil {
        background: #dadada! important;
    }
}

/* ============================================================================ */
/*                                    GENERAL                                   */
/* ============================================================================ */

.validation {
    display: none;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    padding-top: 0!important;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
    background: #fff;
}
body.index { background: #fff;}

a:hover {
    color: #dac494;
    text-decoration: underline;
}
p {
    font-size: 1rem;
    font-weight: 300;
}
.font-weight-light {
    font-weight: 100;
}


/* EFFET */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* APPARITION ELEMENT */
.inline-element {
    opacity: 0;
    transition: transform 4s .25s cubic-bezier(0,1,.3,1),
    opacity .4s .25s ease-out;
    width: 100%;
    will-change: transform, opacity;
}

.inline-element.is-visible {
    opacity: 1;
}

/* SLIDE IN & OUT */
@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(250px, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        transform: translate3d(250px, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideOutRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(250px, 0, 0);
        visibility: hidden;
    }
}
@keyframes slideOutRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(250px, 0, 0);
        visibility: hidden;
    }
}



@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInDown {
    -webkit-animation: backInDown 1.5s;
    animation: backInDown 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInRight {
    -webkit-animation: backInRight 2.5s;
    animation: backInRight 2.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInLeft {
    -webkit-animation: backInLeft 1.5s;
    animation: backInLeft 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInUp {
    -webkit-animation: backInUp 1.5s;
    animation: backInUp 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}



@-webkit-keyframes sliderFade-2 {
    0% {    opacity: 0.7  }
    10% {    opacity: 1  }
    35% {    opacity: 1 }
    45% {    opacity: 1  }
    60% {    opacity: 1  }
    75% {    opacity: 1 }
    90% {    opacity: 1 }
    100% {    opacity: 0.7 }
}



/* BOUTONS */
.btn-primary, .btn-info, .btn-success {
    color: #fff;
    background-color: #242935;
    border-color: #242935;
    width: 250px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 300;
}
.btn-secondary {
    color: #242935;
    background-color: #fff;
    border-color: #242935;
    width: 250px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 400;
}
.btn-primary:hover, .btn-info:hover, .btn-success:hover {
    color: #242935;
    background-color: #fff;
    border-color: #242935;
    width: 250px;
}
.btn-success,  .btn-success:hover {
    width: 100%;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #242935;
    border-color: #242935;
    width: 250px;
}
.btn i {
    font-size: 26px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
}
.animoButtonLeft{
    height:40px;
    width:220px;
    padding:0 14px;
    overflow:hidden;
    background:#242935;
    position:relative;
    line-height:40px;
    color:#fff;
    text-align:center
}
.animoButtonLeft span{
    position:relative;
    z-index:1
}
.animoButtonLeft::before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    transform:translateX(-100%);
    background:#fff;
    transition:transform .2s ease-in-out;
    color: #242935;
}
.animoButtonLeft:hover{
    cursor:pointer;
    color:#242935!important;
}
.animoButtonLeft:hover::before{
    transform:translateX(0);
}


/* TITRES */
.deco, .page-heading, .page_heading {
    text-transform: uppercase;
}

/* ============================================================================ */
/*                                     MENU                                     */
/* ============================================================================ */

body.open:after {
    opacity: 1;
    visibility: visible;
}

.b-nav {
    position: absolute;
    z-index: 11;
    display: flex;
    bottom: 0;
}

.b-nav:not(.open) {
    visibility: hidden;
    right: 0;

}
.b-nav ul{
    margin: auto 0;

}
.b-nav li {
    color: #fff;
    list-style-type: none;
    padding: 10px 10px 10px 200px;
    text-align: left;

}
.b-nav li:not(.open) {
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}
.b-nav li:first-child {
    padding-top: 120px;
}
.b-nav.open {
    position: relative;
    visibility: visible;
    right: 0;
    background: linear-gradient( rgba(0,0,0, 0.5), rgba(0,0,0, 0.5) ),url(/assets/images/bgimg-nav.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}
.b-nav.open li {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

.b-link {
    background: transparent;
    border-left: rgba(68, 68, 68, 0) solid 2px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin-left: 30px;
    text-decoration: none;
    transition: all 0.4s ease;
    width: auto;
}
.b-link:hover {
    border-left: #fff solid 2px;
    padding-left: 30px;
    color: #fff;
    text-decoration: none;
}

.b-menu {
    background: rgba(255,255,255,0.3);
    border: #fff solid 2px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    padding-left: 15.5px;
    padding-top: 17.5px;
    position: relative;
    transition: all 0.4s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 60px;
    z-index: 12;
}
.index .not-sticking .b-menu {
    border: #fff solid 2px;
}
.b-menu:hover {
    border: #fff solid 2px;
}

.b-bun {
    background: #fff;
    position: relative;
    transition: all 0.4s ease;
}
.b-bun--top {
    height: 2px;
    top: 0;
    width: 25px;
}
.b-bun--mid {
    height: 2px;
    top: 8px;
    width: 25px;
}
.b-bun--bottom {
    height: 2px;
    top: 16px;
    width: 25px;
}

.b-brand {
    color: white;
    font-size: 24px;
    font-weight: 300;
    margin-right: 30px;
    position: relative;
    text-decoration: none;
    top: -21.4285714286px;
    transition: all 0.4s ease;
    z-index: 13;
}

.b-container {
    height: 60px;
    right: 50px;
    position: absolute;
    top: 10px;
}
.b-container:hover:not(.open) .bun-top,
.b-container:hover:not(.open) .bun-mid,
.b-container:hover:not(.open) .bun-bottom {
    background: white;
}
.b-container.open .b-main {
    border: #242935 solid 2px;
}
.b-container.open .b-bun--top {
    background: #242935;
    top: 9px;
    transform: rotate(45deg);
}
.b-container.open .b-bun--mid {
    opacity: 0;
}
.b-container.open .b-bun--bottom {
    background: #242935;
    top: 5px;
    transform: rotate(-45deg);
}
.b-container.open .b-brand {
    color: #242935;
}

.lang {
    position: absolute;
    right: 120px;
    top: 20px;
    z-index: 5;
}
.lang a{
    color: #fff;
    text-transform: uppercase;
}
.index .not-sticking .lang a{
    color: #fff;
    text-transform: uppercase;
}
.lang .dropdown-menu {
    background-color: #ffffff80;
    padding: 0;
}
.lang a.dropdown-item {
    color: #000!important;
}
.lang .dropdown-item {
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
}
.lang .dropdown-toggle::after {
    content: "\f123";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 12px;
    padding-top: 5px;
    opacity: 1;
    right: -8px;
    top: -2px;
}
.lang ul {
    display: flex;
    margin-bottom:0;
}
.lang ul li{
    padding: 0 16px;
    display: inline-block;
}
.lang i.ion-ios-heart-outline {
    font-size: 26px;
    left: 6px;
    bottom: 6px;
}
.badge {
    display: inline-block;
    padding: .1em 0.3em;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    right: 3px;
    bottom: 1px;
    border-radius: 10rem;
}
/* ============================================================================ */
/*                                     TOP_PAGE                                 */
/* ============================================================================ */

.recrutement .top_page {
    background-image: url(/assets/images/top_page/partenaires_top.jpg);
}

/* ============================================================================ */
/*                                     HEADER                                   */
/* ============================================================================ */
.header .sticking, .header .not-sticking {
    background: #242935;
}
.index .header .not-sticking {
    background: transparent;
}
.logo-header {
    background: transparent;
    margin-left: 50px;
    display: flex;
}

.header .sticky_menu.stick-me.sticking {
    -webkit-animation: slide-down .4s;
    animation: slide-down .4s;
    box-shadow: rgb(0 0 0 / 0%) 0px 1px 2px!important;
}

.bgAccueil {
    height: 100%;
    position: relative;
    background: url(/assets/images/bgimg.jpg) no-repeat center center;
    background-size: cover;
}
/*SLIDER ACCUEIL*/
/* .bgAccueil {
 background: none !important;
 overflow: hidden;
 height: 100%;
}
.carousel-indicators {
 display: block;
}
.carousel-fullscreen .carousel-inner .carousel-item {
 height: 100vh;
 min-height: 600px;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}
#carouselExampleIndicatorsHome .carousel-item {
 background-size: cover;
 background-position: bottom center;
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(1) {
 background: linear-gradient( rgba(0,0,0, 0.35), rgba(0,0,0, 0.35) ),url(/assets/images/slider_home/1.jpg);
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(2) {
 background: linear-gradient( rgba(0,0,0, 0.35), rgba(0,0,0, 0.35) ),url(/assets/images/slider_home/2.jpg);
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(3) {
 background: linear-gradient( rgba(0,0,0, 0.35), rgba(0,0,0, 0.35) ),url(/assets/images/slider_home/3.jpg);
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(4) {
 background: linear-gradient( rgba(0,0,0, 0.35), rgba(0,0,0, 0.35) ),url(/assets/images/slider_home/4.jpg);
}
.carousel-control-next, .carousel-control-prev {
 opacity: 1;
 background: transparent;
}
.carousel-control-prev-icon:before, .carousel-control-next:before {
 font-size: 60px;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
 background: transparent;
 width: 40px;
 opacity: 1;
}
.carousel-control-prev {
 left: 30px;
}
.carousel-control-next {
 right: 30px;
} */

/* INFOS HEADER */
.infos-header p{
    color: #fff;
    margin: 20px 0 0 15%;
    width: 100%;
    font-size: 20px;
}
.infos-header p::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #dac494;
    vertical-align: middle;
    margin: 0 10px;
}

/* BASELINE */
.baseline {
    z-index: 20;
    position: absolute;
    bottom: 45%;
    right: 50px;
}
.titre-baseline {
    font-weight: 300;
    font-size: 5.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: right;
    color: #fff;
    text-shadow: #000000 0.05em 0.05em 0.1em;
    line-height: 0.5;
}
.titre-baseline span{
    font-weight: 300;
    font-size: 3.5rem;
    text-transform: initial;
}
.titre-baseline span::before {
    content: "";
    display: inline-block;
    width: 310px;
    height: 3px;
    background: #dac494;
    vertical-align: middle;
    margin: 0 10px;
}
.border-angle2 {
    float: right;
    margin-top: -20px;
    margin-right: -20px;
}
.border-angle2::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 4px;
    background: #A29372;
    vertical-align: text-bottom;
    margin: auto 0;
}
.border-angle2::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 50px;
    background: #A29372;
    vertical-align: text-bottom;
    margin: 0;
    right: 0;
    border-left: 2px solid #A29372;
}

/* SCROLLER */
.section-scroller-wrapper {
    position: absolute;
    right: -20px;
    bottom: 100px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-animation: bouncing-vertically 0.8s 0s infinite alternate;
    animation: bouncing-vertically 0.8s 0s infinite alternate;
    z-index: 2;
}
.section-scroller-wrapper>.section-scroller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 2px;
    line-height: 1.3;
    -webkit-transform: rotate(-0.25turn);
    transform: rotate(-0.25turn);
    text-decoration: none;
}
.section-scroller-wrapper>.section-scroller:before {
    content: '';
    width: 38px;
    margin-right: 5px;
    background-color: #fff;
    height: 1px;
}
.section-scroller-wrapper>.section-scroller>.section-scroller__text {
    text-transform: uppercase;
    font-size: 12px;
}
section#intro.ended:after {
    background-color: rgba(0,0,0,0.2);
}
section#intro:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background-color 0.8s;
    transition: background-color 0.8s;
}

/* TOP_LINK */
.top_link {
    bottom: 15px;
    background: #242935;
    border-radius: 50%;
    box-shadow: 0 0 1rem 0 rgb(60 60 60 / 20%);
    height: 4rem;
    width: 4rem;
    right: 50px;
    position: fixed;
    display: flex;
    border: 1px solid #dac494;
    color: #dac494;
    opacity: 1;
    align-items: center;
    justify-content: center;
}
.top_link:hover {
    height: 4rem;
    text-align: center;
    opacity: 1;
}


/* ============================================================================ */
/*                                     MOTEUR                                   */
/* ============================================================================ */
.moteur {
    padding: 20px;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: transparent;
}

/* ============================================================================ */
/*                                     COOKIES                                  */
/* ============================================================================ */

.pictocookie {
    animation: wobble 2s ease 0s infinite normal forwards; }

.cc-window.cc-banner {
    width: 600px !important;
    border-radius: 10px; }
  
  .cc-color-override-1247188962.cc-window {
    padding: 10px; }
  
  .cc-banner.cc-bottom {
    left: auto !important;
    right: 20px;
    bottom: 20px; }
  
  .cc-color-override-1247188962.cc-window {
    background-color: white !important; }
  
  #footer-cookie {
    color: #242935 !important;
    max-height: 100% !important; }
  
  #footer-cookie a {
    color: #a0a0a0;
    font-weight: 200;
    font-size: 12px; }
  
  #footer-cookie h3 {
    font-size: 1rem !important;
    padding-top: 10px; }
  
  #footer-cookie p {
    font-size: 12px !important;
    line-height: 1.5 !important; }
  
  .btncookie {
    color: white !important;
    background: #000;
    margin-top: 12px;
    cursor: pointer;
    font-size: 16px !important;
    font-family: "Poppins", sans-serif;
    border-radius: 9px;
    border: none;
    margin-bottom: 5px;
    font-weight: 400;
    padding: 12px 10%;
    transition: 150ms ease-out; }
  
  .btncookie:hover {
    background: #000;
    color: #ffffff !important;
    border: 0px solid #ffffff !important; }
  
  #boutoncookie {
    display: grid !important; }

  #boutoncookie .col-sm-12{
    padding-left: 15px;
    padding-right: 15px;
}

  a.cc-link {
    margin: auto !important;
    text-decoration: none; }
  
  #showparams .table {
    border-radius: 10px; }
  
  #showparams .table td, .table th {
    padding: 5px;
    vertical-align: middle;
    border-top: 1px solid #e9ecef;
    display: row;
    justify-content: center;
    font-size: 12px; }
  
  #showparams .table th {
    background: #000;
    color: #ffffff; }
  
  .params {
    width: 100%;
    height: 60px; }

    .cc-message .row {
        margin-left: 0;
        margin-right: 0;
    }

/* ============================================================================ */
/*                                HOME CONT CCOEUR                              */
/* ============================================================================ */
.home_cont_select .carousel-control-next,.home_cont_select .carousel-control-prev {
    background: transparent;
    height: auto;
    width: 100%;
    top: auto;
    bottom: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 30;
    border-radius: 50%;
    opacity: 1;
}

.home_cont_select .carousel-control-next {
    right: 0;
}
.home_cont_select .carousel-control-prev {
    left: 0;
    right: 0;
}
.home_cont_select .selection-indicator {
    display: flex;
    justify-content: center;
    padding: 0 30px;
}
.home_cont_select .selection-indicator li{
    padding: 0 40px;
}
.home_cont_select .carousel-control-prev-icon:before,
.home_cont_select .carousel-control-next:before {
    color: #242935;
}
.home_cont_select .carousel-control-prev-icon:hover:before,
.home_cont_select .carousel-control-next:hover:before {
    color: #dac494;
}

.home_cont_select .carousel-fade .carousel-item,
.detail .carousel-fade .carousel-item,
[class*="listing"] .carousel-fade .carousel-item,
[class*="listing-"] .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .9s;
    transition-property: opacity;
}

.detail .carousel-fade  .carousel-item.active,
.detail .carousel-fade  .carousel-item-next.carousel-item-left,
.detail .carousel-fade  .carousel-item-prev.carousel-item-right,
[class*="listing"] .carousel-fade  .carousel-item.active,
[class*="listing"] .carousel-fade  .carousel-item-next.carousel-item-left,
[class*="listing"] .carousel-fade  .carousel-item-prev.carousel-item-right,
[class*="listing-"] .carousel-fade  .carousel-item.active,
[class*="listing-"] .carousel-fade  .carousel-item-next.carousel-item-left,
[class*="listing-"] .carousel-fade  .carousel-item-prev.carousel-item-right,
.home_cont_select .carousel-fade  .carousel-item.active,
.home_cont_select .carousel-fade  .carousel-item-next.carousel-item-left,
.home_cont_select .carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.detail  .carousel-fade .active.carousel-item-left,
.detail .carousel-fade  .active.carousel-item-right,
[class*="listing"]  .carousel-fade .active.carousel-item-left,
[class*="listing"] .carousel-fade  .active.carousel-item-right,
[class*="listing-"]  .carousel-fade .active.carousel-item-left,
[class*="listing-"] .carousel-fade  .active.carousel-item-right,
.home_cont_select  .carousel-fade .active.carousel-item-left,
.home_cont_select .carousel-fade  .active.carousel-item-right {
    opacity: 0;
}

.detail .carousel-fade  .carousel-item-next,
.detail .carousel-fade .carousel-item-prev,
.detail .carousel-fade .carousel-item.active,
[class*="listing"] .carousel-fade  .carousel-item-next,
[class*="listing"] .carousel-fade .carousel-item-prev,
[class*="listing"] .carousel-fade .carousel-item.active,
[class*="listing"] .carousel-fade .active.carousel-item-left,
[class*="listing"] .carousel-fade  .active.carousel-item-prev,
[class*="listing-"] .carousel-fade  .carousel-item-next,
[class*="listing-"] .carousel-fade .carousel-item-prev,
[class*="listing-"] .carousel-fade .carousel-item.active,
[class*="listing-"] .carousel-fade .active.carousel-item-left,
[class*="listing-"] .carousel-fade  .active.carousel-item-prev,
.home_cont_select .carousel-fade  .carousel-item-next,
.home_cont_select .carousel-fade .carousel-item-prev,
.home_cont_select .carousel-fade .carousel-item.active,
.home_cont_select .carousel-fade .active.carousel-item-left,
.home_cont_select .carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}


.home_cont_select .mt--16px {
    margin-top: -16px;
}
.home_cont_select .carousel-control-next:hover,.home_cont_select .carousel-control-prev:hover {
    background: transparent;
}
.home_cont_select article .block_img {
    height: 85vh;
    display: flex;
}
.home_cont_select article .block_img .img-fluid {
    width: 100%;
    object-fit: cover;
}
.produitshabitationslider .carousel-item article {
    width: calc(100% - 1px);
    color: #242935;
    border: 0;
    margin: 0;
    text-align: center;
    background: #fff;
}
article.item-listing:hover {
    opacity: 1;
}
.produitshabitationslider,
.produitshabitationslider a{
    color: #242935;
    text-decoration: none;
}
.produitshabitationslider .card_list {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
}
.produitshabitationslider .card_list li {
    display: block;
}
.produitshabitationslider .block_info {
    padding: 80px 30px;
}
.produitshabitationslider .info_prix {
    margin: 20px 0;
    line-height: 1.5;
    padding: 0;
    font-size: 25px;
    font-weight: 300;
}
.produitshabitationslider .info_titre {
    font-size: 30px;
    font-weight: 300;
}
.produitshabitationslider .info_ville {
    font-size: 18px;
    line-height: 15px;
    font-weight: 300;
    text-align: center!important;
}
.produitshabitationslider .info_type {
    font-size: 18px;
    line-height: 15px;
    font-weight: 400;
    font-style: italic;
    color: #dac494;
    text-align: center!important;
}
.produitshabitationslider .card_list li > span {
    font-weight: 500;
}
.produitshabitationslider .card_list li > span:after {
    height: 0;
}



/* ============================================================================ */
/*                                  CATEGORIES                                  */
/* ============================================================================ */
.home_cont_categories {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
    color: #242935;
}
.home_cont_categories .home_heading {
    color: #dac494;
    font-weight: 300;
    font-size: 32px;
}
.home_cont_categories .home_heading::after {
    height: 0;
}

.slider {
    display: flex;
    width: 500%;
    height: 40rem;
    transition: all 0.25s ease-in;
    transform: translateX(0);
}
@media only screen and (max-width: 991px) {
    .slider {
        height: 65vh;
    }
}
.slider .box {
    height: 80%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 650px) {
    .slider .box {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
    }
}
.slider .box .bg {
    padding: 2rem;
    background-color: rgba(0, 0, 0, 0.2);
    width: 55%;
    transform: skewX(7deg);
    position: absolute;
    height: 100%;
    left: -10%;
    padding-left: 20rem;
    transform-origin: 0 100%;
}
@media only screen and (max-width: 800px) {
    .slider .box .bg {
        width: 65%;
    }
}
@media only screen and (max-width: 650px) {
    .slider .box .bg {
        width: 100%;
        left: 0;
        bottom: 0;
        height: 54%;
        transform: skewX(0deg);
    }
}
.slider .box .bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: inherit;
    pointer-events: none;
    transform: skewX(10deg);
}
@media only screen and (max-width: 650px) {
    .slider .box .bg::before {
        width: 120%;
        bottom: 0;
        transform: skewX(0deg);
    }
}
.slider .box .details {
    padding: 5rem;
    padding-left: 10rem;
    z-index: 100;
    grid-column: 1/span 1;
    grid-row: 1/-1;
}
@media only screen and (max-width: 650px) {
    .slider .box .details {
        grid-row: 2/span 1;
        grid-column: 1/-1;
        text-align: center;
        padding: 2rem;
        transform: translateY(-9rem);
    }
}
.slider .box .details .h1 {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 2rem;
    text-transform: uppercase;
}
.slider .box1 .details .h1,
.slider .box3 .details .h1,
.slider .box5 .details .h1 {
    color: #242935;
}
.slider .box2 .details .h1,
.slider .box4 .details .h1 {
    color: #dac494;
}
.slider .box .details p {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    margin-bottom: 2rem;
    margin-right: 5rem;
    font-weight: 200;
}
@media only screen and (max-width: 800px) {
    .slider .box .details p {
        margin-right: 0;
    }
}
.slider .box .details button {
    padding: 1rem 3rem;
    color: #fff;
    border-radius: 2rem;
    outline: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.slider .box .details button:hover {
    opacity: 0.8;
}
.slider .box .details button:focus {
    outline: none;
    border: none;
}
.slider .box1 {
    background-color: #dac494;
}
.slider .box1 .illustration .inner {
    background: url(/assets/images/cat_vente.jpg) no-repeat center center;
}
.slider .box2 {
    background-color: #242935;
}
.slider .box2 .illustration .inner {
    background: url(/assets/images/cat_location.jpg) no-repeat center center;
}
.slider .box3 {
    background-color: #dac494;
}
.slider .box3 .illustration .inner {
    background: url(/assets/images/cat_alerte.jpg) no-repeat center center;
}
.slider .box4 {
    background-color: #242935;
}
.slider .box4 .illustration .inner {
    background: url(/assets/images/cat_vendre.jpg) no-repeat center center;
}
.slider .box5 {
    background-color: #dac494;
}
.slider .box5 .illustration .inner {
    background: url(/assets/images/cat_vendu.jpg) no-repeat center center;
}
.slider .illustration {
    grid-column: 2/-1;
    grid-row: 1/-1;
    justify-self: center;
}
@media only screen and (max-width: 650px) {
    .slider .illustration {
        grid-row: 1/span 1;
        grid-column: 1/-1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.slider .illustration div {
    height: 24rem;
    width: 30rem;
    border-radius: 0;
    position: relative;
}
@media only screen and (max-width: 800px) {
    .slider .illustration div {
        height: 20rem;
        width: 15rem;
    }
}
.slider .illustration div::after, .slider .illustration div::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 3rem;
    top: 0;
    left: 0;
}
.slider .illustration div::after {
    transform: translate(4rem, -1rem);
}
.slider .illustration div::before {
    transform: translate(2rem, -2rem);
}
.trail {
    z-index: 10000;
    position: absolute;
}
.trail {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    text-align: center;
    font-size: 1.5rem;
}
@media only screen and (max-width: 650px) {
    .trail {
        width: 90%;
        bottom: 13%;
    }
}
.trail div {
    padding: 1rem;
    border-top: 3px solid #242935;
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease;
    font-size: 14px;
}
.trail div:hover,
.trail div.active {
    color: #dac494;
    border-top: 3px solid #dac494;
}
@media only screen and (max-width: 650px) {
    .trail div {
        padding: 1rem;
    }
}
.carousel-control-next,.carousel-control-prev {
    background: rgba(255,255,255,.3);
    height: 50px;
    width: 50px;
    top: 35%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 30;
    border-radius: 50%;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
    background: rgba(255,255,255,.6);
    width: 50px;
}
/* ============================================================================ */
/*                                  PRESENTATION                                */
/* ============================================================================ */
.home_cont_presentation {
    position: relative;
    background: #242935;
    background-size: cover;
    color: #fff;
    margin: 0 auto;
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.home_cont_presentation .btn-primary {
    border-color: #dac494;
}
.home_cont_presentation .btn-primary:hover {
    background: #dac494;
    color: #242935;
}
.titre {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
}
.titre-small {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    font-style: italic;
    color: #dac494;
    text-align: center;
}

.home_cont_presentation p {
    text-align: center;
}





/* ============================================================================ */
/*                                    FORM                                      */
/* ============================================================================ */
.form-style, .form-group .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .bootstrap-select {
    font-size: 15px!important;
    border: 0!important;
    background: rgba(0,0,0,0.03)!important;
    border-radius: 0px!important;
    font-weight: 300;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 15px!important;
    font-weight: 300;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    height: 38px !important;
}
.bootstrap-select>.dropdown-toggle {
    background: transparent;
}

/* ============================================================================ */
/*                                    LISTING                                   */
/* ============================================================================ */

/* ---------------GENERAL--------------- */

[class*="listing"] .sticking .logo-header, [class*="listing-"] .sticking .logo-header {
    display: flex;
}
[class*="listing"] .container-fluid,
[class*="listing-"] .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}
[class*="listing"] .carousel-control-next,
[class*="listing-"] .carousel-control-next,
[class*="listing"] .carousel-control-prev,
[class*="listing-"] .carousel-control-prev {
    top: 46%;
}

/* ----------------MOTEUR---------------- */

[class*="listing"] .sticking .container_search,
[class*="listing-"] .sticking .container_search {
    display: none;
}
[class*="listing"] .container_search,
[class*="listing-"] .container_search {
    margin: 0;
    background-color: #f7f7f7;
    padding: 20px 0 0 0;
}
.listing .sticking .site-pusher form, .listing-location .sticking form, .listing-location-saisonniere .sticking form, .listing-neuf .sticking form, .listing-portfolio .sticking form, .listing-portfolio .sticking form, .listing-vente .sticking form {
    padding-top: 0;
}
.plusdecritere .btn-default {
    font-size: 14px;
}
.plusdecritere .btn-default:hover {
    color: #dac494;
    background-color: transparent;
}
.creer-alerte {
    color: #dac494;
}
.ul-nb-bien {
    display: flex;
}
.ul-nb-bien li{
    padding: 0 25px 0 0;
    font-size: 14px;
}
#formrecherchevente-bar, [class*="listing"] .fiche_produit, [class*="listing-"] .fiche_produit {
    display: block;
}
.action_bar > div:nth-child(1) {
    width: 100%;
}
.action_bar .d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: space-between;
}
.block_tri_list.d-flex > label {
    margin: 0;
    width: 120px;
    line-height: 40px;
}

.block_etiquette {
    background-color: #242935;
    width: 150px;
    font-weight: 400;
}
.btn-article {
    font-size: 14px!important;
    font-weight: 300;
    margin-top: 20px;
}
.btn-article::after {
    content: "";
    display: block;
    position: relative;
    background: #242935;
    height: 1px;
    width: auto;
    margin: 0 auto;
}
.btn-article:hover::after {
    content: "";
    display: block;
    position: relative;
    background: #dac494;
    height: 1px;
    width: auto;
    margin: 0 auto;
}

/* ---------------FAVORIS--------------- */

.far.fa-bookmark:hover:before,.far.fa-bookmark .ion-ios-heart:hover:before {
    color: #dac494;
}
.far.fa-bookmark.active:before {
    color: #dac494;
}
.card-fav-absolute {
    right: 11px;
    z-index: 1500;
    text-align: left;
    margin-left: 0;
    font-size: 26px;
    position: absolute;
    color: #dac494;
}


/* ---------------VUE DAMIER--------------- */

.prod_listing.damier > .listing_article article {
    width: calc(100% / 3 - 10px);
    margin-left: 0;
    margin-right: 10px;
    border: 0;
    box-shadow: 6px 3px 5px #f7f7f7;
}
article a:hover {
    text-decoration: none;
}
.prod_listing.damier .block_info {
    min-height: 80px;
}
.damier .block_img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.titre-listing {
    position: absolute;
    z-index: 21;
    bottom: 0;
    width: 100%;
    display: flex;
    text-shadow: #000 0.1em 0.1em 0.15em;
    padding: 60px 0 20px 0;
    background: linear-gradient(0deg , #000, rgb(0 0 0 / 36%), rgb(0 0 0 / 0%));
}
.damier .header-item {
    padding: 20px 0 0 10px;
    display: flex;
    justify-content: space-between;
}
.damier .info_numero,.damier .info_prix-hai, .damier .prixplus, .damier .over_desc.hidden-sm-down {
    display: none;
}
.damier .info_type{
    font-size: 14px;
    text-align: left;
    color: #dac494;
    font-style: italic;
    font-weight: 400;
}
.damier .info_ville {
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    padding-top: 0;
}
.damier .info_prix {
    padding: 0 10px 0 0;
    text-align: left;
    margin: 20px 0 0px 0;
    line-height: 11px;
    font-weight: 400;
    font-size: 14px;
}
.prod_listing.damier .info_titre {
    display: block;
    width: 95%;
    text-align: left;
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
    font-weight: 300;
}

.prod_listing.damier .block_info2 {
    min-height: 80px;
}
.prod_listing.damier .block_info2 {
    position: absolute;
    z-index: 2;
    top: 80px;
    right: 0;
    background: #fff;
    color: #000;
    width: 100%;
    height: 80px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    padding: 20px 10px;
}
.prod_listing.damier article:hover .block_info2 {
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
}
.damier .card_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin: auto 0;
}
.damier .card_list li {
    font-size: 14px;
    font-weight: 400;
    color: #242935;
}
.damier .card_list li i{
    font-size: 20px;
}
.damier .titre-vue-listing{
    display: none;
}
.damier .btn-listing {
    display: none;
}

/* ---------------VUE LISTING--------------- */
.prod_listing.listing article:nth-child(1) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(3) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(5) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(7) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(9) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(11) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(13) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(15) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(17) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(19) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(21) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(23) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(25) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(27) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(29) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(31) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(33) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(35) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(39) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(41) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(43) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(45) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(47) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(49) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(51) .listing-ordre-1 ,
.prod_listing.listing article:nth-child(53) .listing-ordre-1 {
    order: 1;
}
.prod_listing.listing article:nth-child(2) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(4) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(6) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(8) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(10) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(12) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(14) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(16) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(18) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(20) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(22) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(24) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(26) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(28) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(30) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(32) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(34) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(36) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(38) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(40) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(42) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(44) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(46) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(48) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(50) .listing-ordre-2 ,
.prod_listing.listing article:nth-child(52) .listing-ordre-2 {
    order: 2;
}

.detail-listing {
    display: flex;
    padding: 10px 20px 10px 20px;
    max-width: 85%;
    margin: auto;
}
.container-fluid.prod_listing.listing {
    padding: 0;
}
.prod_listing.listing article {
    background-color: #fff;
    margin: 20px 0 50px 0;
    box-shadow: 6px 3px 5px #f7f7f7;
}
.prod_listing.listing .block_img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.prod_listing.listing .block_img {
    width: 60%;
}
.prod_listing.listing  .block_info {
    width: 40%;
}
.prod_listing .description {
    display: none;
}
.prod_listing.listing .description {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 400;
    display: flex;
    padding: 10px 20px 10px 20px;
    max-width: 85%;
    margin: auto;
    text-align: justify;
}
.prod_listing.listing .card_list,
.prod_listing.listing .header-item,
.prod_listing.listing .titre-listing  {
    display: none;
}
.prod_listing.listing .info_type {
    font-size: 14px;
    font-style: italic;
    color: #dac494;
}
.prod_listing.listing .info_ville {
    font-size: 15px;
    padding-top: 0;
}
.prod_listing.listing .info_prix {
    padding: 0;
    margin: 15px 0 0px 0;
    line-height: 1.5;
    font-size: 18px;
}
.prod_listing.listing .card-listing {
    margin-top: 20px;
}
.prod_listing.listing .titre-vue-listing .info_titre {
    font-size: 26px;
    padding-left: 10px;
    font-weight: 300;
    width: 80%;
    margin: auto;
}
.prod_listing.listing .titre-vue-listing {
    text-align: center;
}
.prod_listing.listing .over_desc .col1 {
    width: 100%;
    position: relative;
}
.over_desc .col1 ul {
    font-size: 15px;
    text-transform: none;
    display: block;
    margin-bottom: 5px;
    padding-right: 15px;
}
.over_desc .col1 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.over_desc .col1 ul li div{
    background: #fff;
    z-index: 4;
    padding: 0 5px;
}
.over_desc .col1 ul li::after {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted rgba(0,0,0, 0.2);
    content: "";
}
@media (min-width: 1281px) {
    .prod_listing.listing .block_img img {
        width: 100%;
        height: 550px;
        object-fit: cover;
    }
    .prod_listing.listing .block_img {
        width: 70%;
    }
    .prod_listing.listing .block_info {
        width: 30%;
    }
    .damier .block_img img {
        width: 100%;
        height: 450px;
        object-fit: cover;
    }
    .page2ref .damier .block_img img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    .prod_listing.damier .info_titre {
        font-size: 21px;
    }
    .damier .info_prix {
        line-height: 12px;
        font-size: 15px;
    }
    .damier .info_ville,
    .damier .info_type {
        font-style: 15px;
    }
}

.info_numero, .info_prix-hai {
    color: #242935;
    font-weight: 300;
}

/* ---------------VUE CARTE --------------- */

.tool_boox_map {
    background: #242935 none repeat scroll 0 0;
}
.carte .article_content,
.module_recherche_carte {
    width: 50%;
}
.prod_listing.carte .titre-vue-listing {
    display: none;
}
.prod_listing.carte .card_list li {
    text-align: center;
}
.prod_listing.carte .carousel-control-next,
.prod_listing.carte  .carousel-control-prev {
    height: 40px;
    width: 40px;
}
.prod_listing.carte .carousel-control-next:hover,
.prod_listing.carte .carousel-control-prev:hover {
    background: rgba(255,255,255,.6);
    width: 40px;
}

@media (min-width: 991px) {
    .prod_listing.carte .block_img img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    .prod_listing.carte .block_img {
        width: 45%;
    }
    .prod_listing.carte .block_info {
        width: 55%;
    }
}

@media (min-width: 1281px) {
    .prod_listing.carte .block_img img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    .prod_listing.carte .block_img,
    .prod_listing.carte .block_info {
        width: 50%;
    }
}





/* ============================================================================ */
/*                                   PAGE DETAILS                               */
/* ============================================================================ */
.detail_annexe {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    /* border-bottom: 1px solid #ddd;
    padding-bottom: 20px;*/
    margin-bottom: 20px;
}
.detail_header_sticky .container{
    border-top: 1px solid #ffffff40;
}
.detail_header_sticky {
    background: #242935;
}
.detail_annexe_nav {
    padding: 0;
}
.detail_header_sticky .titre {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
}
.detail_header_sticky a {
    color: #fff;
}
.detail_annexe_nav i {
    font-size: 30px;
}
.displayflex {
    display: flex;
    justify-content: flex-end;
}
.detail_annexe_nav > li {
    list-style: none;
    padding: 0 12px;
}
.detail_annexe_nav > li a:hover {
    color: #dac494;
    text-decoration: none;
}
.detail_annexe_nav > li a::after {
    content: "";
}
.detail_annexe_contact {
    display: inherit;
    margin: auto 0 0 auto;
}
.detail_annexe_contact> li a::after {
    content: "|";
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 300;
}
.detail_annexe_contact > li:last-child a::after {
    content: "";
}

.detail .detail_header {
    text-align: left;
    color: #242935;
    margin-bottom: 20px;
}
.detail .titre_detail_header {
    color: #242935;
    text-align: left;
    font-size: 2.5rem;
    font-weight: 300;
}
.detail .criteres_detail_header span{
    color: #242935;
    font-size: 14px;
}

.detail .h3 {
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}
/* SLIDER PHOTOS */
.detail .carousel-item img {
    width: 75%!important;
    margin: auto;
}
.detail .carousel-control-next,.detail .carousel-control-prev,
.detail .carousel-control-next:hover,.detail .carousel-control-prev:hover {
    background: #242935;
    top: 45%;
}
.detail_slide_thumbs {
    justify-content: center;
}

/* PICTOS + INFOS */

.detail .liste2 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 0;
    padding: 20px 0 50px 0;
}
.detail .liste2 i{
    font-size: 30px;
}
.detail .info_prix {
    font-size: 24px;
    margin: 0 0 15px 0;
    line-height: 20px;
    padding: 0;
}
.detail .bg-gris {
    background: #f7f7f7;
}
.detail .attribut_label0, .detail .bloc-champ {
    background: #f7f7f7;
}

/* DESCRIPTIF */

.detail .descriptif {
    text-align: justify;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.8;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    padding: 50px 0;
}

/* PARTAGE */
.detail .groupe-btn .list-inline-item {
    font-size: 20px;
    text-align: center;
    letter-spacing: 2px;
    margin: 10px 15px;
    color: #202020;
    display: inline-block;
}
.detail .groupe-btn .dropdown-item > i {
    padding-right: 0;
    font-size: 37px;
}
.detail .list-inline-item a:hover {
    text-decoration: none;
    background-color: transparent;
}
.detail .groupe-btn .grp-btn {
    margin: 30px 0 0 0;
}
.detail .groupe-btn .grp-btn li {
    display: inline-block;
    padding: 10px 20px;
}
.btn-primary2 {
    color: #fff;
    background-color: #242935;
    border-color: #242935;
}
.btn-primary2:hover {
    color: #242935;
    background-color: #fff;
    border-color: #242935;
}
@media (min-width: 992px) {
    .detail .groupe-btn .grp-btn .btn {
        padding: 10px 12px;
        width: 180px;
    }
}



/* ============================================================================ */
/*                                      EQUIPE                                  */
/* ============================================================================ */
.equipe .content_page {
    width: 100%;
}
.equipe .sidebar {
    display: none;
}
.agence .equipe ul {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
.agence .equipe ul li {
    position: relative;
    width: calc(25% - 1em);
    margin: calc(0.5em * 2) 0.5em;
    overflow: hidden;
}
.agence .equipe .p-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.agence .equipe .border-equipe img {
    border-radius: 50%;
}
.agence .equipe .border-equipe {
    padding: 5px;
    margin: 15px;
    border: 2px solid #dac494;
    border-radius: 50%;
}
.agence .equipe .infos {
    text-align: center;
}
.agence  .equipe .infos-contact {
    text-align: center;
    margin-top: 15px;
    font-weight: 300;
    font-size: 1rem;
}
.agence .equipe .title-post {
    font-size: 1.1rem;
    font-weight: 500;
}
.agence .equipe .fonction-post {
    font-size: 0.9rem;
    font-weight: 400;
}
.agence .equipe ul.rs-conseiller {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
    justify-content: center;
}
.agence .equipe .rs-conseiller i {
    font-size: 25px;
    color: #242935;
}
.agence .equipe ul.rs-conseiller li {
    margin: calc(0.7em * 2) 0.2em;
}
.agence .equipe ul.rs-conseiller li:hover i {
    color: #dac494;
}
.equipe .tel-post,
.equipe .mail-post {
    margin: 8px 0;
}

@media (max-width: 991px) {

}
@media (max-width: 768px) {
    .agence .equipe ul li {
        position: relative;
        width: calc(49% - 2em);
        margin: calc(0.5em * 2) 0.5em;
        overflow: hidden;
    }
    .agence .equipe ul.rs-conseiller li {
        width: calc(33% - 1em);
    }
}
@media (max-width: 500px) {
    .agence .equipe ul li {
        position: relative;
        width: calc(100% - 1em);
        margin: calc(0.5em * 2) 0.5em;
        overflow: hidden;
    }
    .agence .equipe ul.rs-conseiller li {
        width: calc(33% - 2.5em);
    }
    .agence .equipe .border-equipe {
        margin: 15px auto;
        width: 250px;
    }
    .agence .equipe .rs-conseiller i {
        font-size: 30px;
    }
}




/* ============================================================================ */
/*                              COORDONNEES & FOOTER                            */
/* ============================================================================ */
.cont_coordonnees {
    padding-bottom: 0;
    padding-top: 50px;
    background-color: transparent;
    color: #242935;
}
.cont_coordonnees.margin-container {
    margin: 0 10%;
}
.cont_coordonnees p {
    margin-bottom: 0;
}
.logo-footer {
    width: 50px ;
    margin-right: 5px;
}
.liens_center {
    text-align: center;
    margin: auto;
}
.cont_coordonnees p {
    color: #242935;
    font-weight: 400;
}
.adresse-siege img {
    width: 150px;
}
.cont_coordonnees .btn {
    width: 200px;
    padding: .5rem 0;
    text-align: left;
    color: #242935;
}
.reseaux-sociaux img {
    width:35px;
}

.reseaux-sociaux a i {
    font-size:32px;
    padding: 0 5px;
}

.liens_center ul {
    margin-bottom: 0;
}
.liens_center ul li{
    padding: 0 10px;
}
.ion-social-twitter, .ion-social-linkedin , .ion-social-facebook, .ion-social-instagram, .ion-social-youtube  {
    top: 0;
    transition: top ease 0.5s;
    color: #242935;
}
.ion-social-twitter:hover {
    color:#00acee;
    top: -10px;
}
.ion-social-linkedin:hover {
    color:#0e76a8;
    top: -10px;
}

.ion-social-facebook:hover {
    color:#3b5998;
    top: -10px;
}

.ion-social-youtube:hover {
    color:red;
    top: -10px;
}

.ion-social-instagram:hover {
    background: -webkit-linear-gradient(#405DE6,#5851DB, #833AB4, #C13584, #E1306C,#FD1D1D,#F56040,#F77737,#FCAF45,#FFDC80);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    top: -10px;
}

.liens_left ul {
    display: flex;
    justify-content: left;
}
.liens_left ul li{
    padding: 0 10px 0 10px;
}
.border-bottom {
    border-bottom: 1px solid rgba(0,0,0, 0.1);
    padding-bottom: 30px;
}
#voir-telephone-0.telephone-vu {
    color: #242935;
}

/* SIDEBAR */
.sidebar {
    margin-top: 0;
}
.sidebar address{
    text-align: center;
}
.sidebar .group_btn a {
    font-size: 12px;
}
.telephone-vu {
    color: #000;
    background-color: #dac494;
}


/* ============================================================================ */
/*                                     AGENCE                                   */
/* ============================================================================ */
.agence .equipe img {
    border-radius: 50%;
}
.agence .border-equipe {
    padding: 5px;
    margin: 15px;
    border: 2px solid #dac494;
    border-radius: 50%;
}

/* ============================================================================ */
/*                                      AUTRES                                  */
/* ============================================================================ */
.progress-bar {
    background-color: #dac494;
}

.custom-file-control::before {
    background-color: #dac494;
}

.alert-danger {
    color: #000;
    background-color: #dac494;
    border-color: #dac494;
}

.comparateur .nav-tabs .nav-link {
    background: #242935;
    color: #fff;
}
.comparateur .container.resettop .nav-link.active {
    background: #dac494;
    color: #000;
}
.recrutement label.custom-file-control {
    width: 100%;
}

/* ============================================================================ */
/*                                  REFERENCEMENT                               */
/* ============================================================================ */
.ref .titre {
    color: #242935;
}
.ref .titre span{
    text-transform: initial;
}
.ref .deco {
    font-size: 1.05rem;
    color: #242935;
    margin: 10px 0;
}
.ref .deco::after {
    content: "";
    display: block;
    position: relative;
    background: #dac494;
    height: 1px;
    width: 100%;
    margin: 5px auto;
}
.ref .listeliens ul li {
    width: calc(100% / 2);
}
.ref p {
    text-align: justify;
    font-size: 15px;
}
.ref a {
    font-weight: 300;
    font-size: 15px;
}
.ref {
    background: linear-gradient(to bottom, transparent, #e9e9e961);
}


/* ============================================================================ */
/*                                  RESPONSIVE                                  */
/* ============================================================================ */
@media (min-width: 992px) {
    .header__logo img {
        width: 200px;
    }
    .header__logo {
        display: block;
        height: 80px;
        padding: 20px 0;
    }
}


@media (max-width: 991px) {
    /* GENERAL */
    html {
        overflow-x: hidden;
    }
    .btn-secondary, .btn-primary, .btn-info {
        width: 180px;
        font-size: 12px;
    }
    .titre {
        font-size: 1.8rem;
    }
    h1 {
        font-size: 1.4rem;
    }
    .top_page {
        margin-top: 0;
        height: 220px;
    }
    /* HEADER */
    .index .header,
    .header {
        position: fixed;
        height: auto;
        width: 100%;
        z-index: 8000;
        top: auto;
        bottom: 0;
    }
    .header .not-sticking,
    .header .sticking,
    .index .header .not-sticking {
        background: #242935;
    }
    .logo-header {
        height: 75px;
    }
    .header__logo img {
        width: 145px;
        padding: 20px 0;
    }
    .lang {
        position: absolute;
        right: 80px;
        top: 14px;
        z-index: 5;
    }
    .baseline {
        z-index: 20;
        position: absolute;
        bottom: auto;
        right: 50px;
        top: 25%;
    }
    .titre-baseline {
        font-size: 5rem;
    }
    .titre-baseline span {
        font-size: 2.8rem;
    }
    .section-scroller-wrapper {
        position: absolute;
        right: -30px;
        bottom: 19%;
    }
    .infos-header p {
        margin: 20px 0 0 4%;
        font-size: 12px;
    }
    /* MENU */
    .b-nav.open {
        position: absolute;
    }


    /* SELECTION */
    .home_cont_select article .block_img {
        height: 40vh;
    }
    .produitshabitationslider .info_type, .produitshabitationslider .info_ville {
        font-size: 14px;
    }
    .produitshabitationslider .info_titre {
        font-size: 15px;
        line-height: 1;
    }
    .produitshabitationslider .info_prix {
        font-size: 17px;
    }
    .produitshabitationslider .info_numero, .info_prix-hai {
        font-size: 9px;
    }
    .trail {
        width: 80%;
    }

    /* CATEGORIES */
    .slider .box {
        height: 50vh;
    }
    .slider .box .details .h1 {
        font-size: 1.8rem;
    }
    /* FOOTER */
    .adresse-siege img {
        width: 100px;
    }
    /* LISTING */
    .prod_listing > .listing_article article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .prod_listing.listing .block_img img {
        height: 350px;
    }
    .prod_listing.listing .info_prix {
        margin: 5px 0 0 0;
        font-size: 12px;
    }
    .prod_listing.listing .description {
        font-size: 10px;
    }
    .prod_listing.listing .titre-vue-listing .info_titre {
        font-size: 12px;
    }
    .prod_listing.listing .info_ville {
        font-size: 12px;
    }
    .detail-listing {
        padding: 10px;
    }
    .over_desc .col1 ul {
        font-size: 10px;
    }
    .prod_listing.listing .info_type {
        margin-top: 0;
    }
    .btn-article {
        margin-top: 0;
        font-size: 12px!important;
    }
    .prod_listing.listing .card-listing {
        margin-top: 0;
    }
    .listing #formrecherche, [class*="listing-"] #formrecherchevente, [class*="listing-"] #formrecherchelocation, [class*="listing-"] #formrecherchelocationsaison, [class*="listing-"] #formrechercheneuf, [class*="listing-"] #formrecherchevendu {
        display: block;
    }
    [class*="listing"] .container_search, [class*="listing-"] .container_search {
        padding: 5px 0 0 0;
    }
    [class*="listing-"] .search__form-item:nth-child(n+2),
    [class*="listing"] .search__form-item:nth-child(n+2) {
        width: calc(100% / 4 - 0px);
    }
    [class*="listing"] .form-style,
    [class*="listing-"] .form-style,
    [class*="listing-"] .bootstrap-select.btn-group .dropdown-toggle .filter-option,
    [class*="listing"] .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-size: 12px!important;
    }
    .plusdecritere {
        text-align: initial;
        display: flex;
        margin-top: 0;
    }
    .ul-nb-bien li {
        padding: 0 15px 0 0;
        font-size: 10px;
    }
    .plusdecritere .btn-default {
        font-size: 10px;
        padding: 0 0 0 0.75rem;
    }
    .search__form-item.c_valid {
        display: block !important;
        margin: auto 0 auto auto;
    }
    /* [class*="listing"] .main-content,
    [class*="listing"] .main-content {
      margin-top: 200px;
    } */
    .block_tri_list.d-flex > label {
        line-height: 36px;
        font-size: 12px;
    }
    .block_vue_list #print_listing { display: none;}
    .block_vue_list {
        display: block;
    }
    .prod_listing.listing article {
        margin: 0 0 20px 0;
    }
    [class*="listing"] .container-fluid, [class*="listing-"] .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }
    .action_bar > div:nth-child(1) {
        margin-bottom: 0;
    }
    .prod_listing.damier > .listing_article article {
        width: calc(100% / 2 - 10px);
    }
    /* .carte .article_content, .module_recherche_carte {
      width: 100%;
    } */

    .prod_listing.carte .block_info2 { display: none;}
    .prod_listing.carte .block_img img {
        height: 202px;
    }
    .prod_listing.carte .over_desc {
        display: block;
    }
    .detail .container_page {
        margin-top: 0px;
    }
    .prod_listing.damier .block_info2 {
        position: relative;
        top: 0;
        transition: all 0s ease-in;
        padding: 0 10px;
    }
    .damier .header-item {
        padding: 0px 0 0 10px;
    }
    .damier .info_prix, .damier .info_ville, .damier .card_list li, .bandeaux, .prod_listing.carte .spin1.info_type, .prod_listing.carte .info_ville {
        font-size: 11px;
    }
    .damier .info_type {
        margin-top: 10px;
        font-size: 11px;
    }
    .damier .card_list li i {
        font-size: 15px;
    }
    .prod_listing.damier .block_info {
        min-height: 30px;
    }
    .prod_listing.damier .block_info2 {
        min-height: 30px;
        height: 50px;
    }
    .damier .card_list {
        margin: 0;
        justify-content: space-between;
    }
    .block_etiquette {
        width: 120px;
    }
    .prod_listing.carte .info_prix {
        font-size: 11px;
        margin: 0px;
        padding: 0 10px;
    }
    .prod_listing.carte .block_img,
    .prod_listing.carte .block_info {
        width: 100%;
    }
    .carte .article_content {
        width: 40%;
    }
    .module_recherche_carte {
        width: 60%;
    }
    .prod_listing.carte > .listing_article article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_listing.carte .header-item {
        padding: 0;
    }
    .prod_listing.carte .spin1.info_type {
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 5px;
        color: #dac494;
        font-style: italic;
    }
    .module_recherche_carte {
        top: 50px;
    }
    .prod_listing.carte .detail-listing {
        padding: 10px 10px 0 10px;
        max-width: 100%;
    }
    .prod_listing.carte .info_ville, .prod_listing.carte .spin1.info_type {
        padding-left: 10px;
        padding-top: 0;
    }
    .prod_listing.carte .over_desc .col1 {
        width: 100%;
    }
    .prod_listing.carte .info_prix sup {
        top: -5px;
        font-size: 7px;
    }
    [class*="listing"] .container_search .dropdown-menu.open.show,
    [class*="listing-"] .container_search .dropdown-menu.open.show {
        transform: translate3d(0px, -212px, 0px)!important;
    }



    /* DETAILS */
    .detail .titre_detail_header {
        font-size: 1.4rem;
    }
    .detail .criteres_detail_header {
        font-size: 12px;
    }
    .detail_annexe_contact, .detail .attribut_label, .detail #detailinfosdetail ul li, .plusdinformation {
        font-size: 12px;
    }
    .detail .h3 {
        font-size: 1.2rem;
    }
    .detail .liste2 i {
        font-size: 20px;
    }
    .detail #detailinfosdetail ul li {
        line-height: 22px;
    }
    .detail .info_prix {
        font-size: 20px;
        margin: 0 0 5px 0;
        line-height: 14px;
        padding: 0;
    }
    .detail #descdetail {
        font-size: 14px;
    }
    #vvirtuelle embed {
        width: 500px!important;
        height: 320px!important;
    }
    .detail .groupe-btn .dropdown-item > i {
        font-size: 26px;
    }
    .btn-primary2 {
        font-size: 12px;
        width: 150px;
    }
    .reseaux-sociaux a i {
        font-size: 26px;
    }
    .detail .liste2 .val {
        font-size: 12px;
    }
    .detail sup {
        font-size: 8px;
        right: 0px;
        top: -8px;
    }
    /* CONTACT */
    .bg_collapse {
        padding: 0;
    }
    .contact .contact_formulaire, .recrutement .contact_formulaire, .estimation .contact_formulaire {
        width: 100%;
    }
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: none;
    }



}


@media (max-width: 768px) {
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: none;
    }
}
@media (max-width: 500px) {
    /* GENERAL */
    p {
        font-size: 14px;
    }
    h1, h2 {
        font-size: 1.2rem;
    }
    /* BASELINE */
    .titre-baseline {
        font-size: 2.2rem;
    }
    .titre-baseline span {
        font-size: 1.2rem;
    }
    .titre-baseline span::before {
        width: 137px;
        height: 2px;
    }
    .section-scroller-wrapper {
        bottom: 28%;
    }
    /* HEADER */
    .b-container {
        height: 60px;
        right: 15px;
        position: absolute;
        top: 8px;
    }
    .logo-header {
        margin-left: 0;
    }
    .infos-header p { display: none;}
    /* MENU */
    .b-nav li:first-child {
        padding-top: 10px;
    }
    .b-nav li {
        padding: 5px;
    }
    .b-link {
        font-size: 20px;
    }
    /* SELECTION */
    .produitshabitationslider .block_info {
        padding: 10px 30px 80px 30px;
    }
    /* PRESENTATION */
    .titre {
        font-size: 1.2rem;
    }
    /* CATEGORIES */
    .slider {
        height: 80vh;
    }
    .slider .box {
        height:70vh;
    }
    .slider .illustration div {
        height: 12rem;
        width: 12rem;
    }
    .slider .box .details .h1 {
        font-size: 1.2rem;
    }
    .slider .box .details {
        transform: translateY(-1rem);
    }
    .slider .box .bg {
        background-color: transparent;
    }
    .trail {
        bottom: 0;
    }
    .trail div span{
        display: none;
    }
    .slider .box .details p {
        font-size: 14px;
    }
    /* LISTING */
    .block_vue_list {
        display: none;
    }
    .prod_listing.listing article .listing-ordre-1 {
        order: 1!important;
    }
    .prod_listing.listing article .listing-ordre-2 {
        order: 2!important;
    }
    /* REF */
    .ref a, .ref p {
        font-size: 13px;
    }
    /* FOOTER */
    .adresse-siege, .reseaux-sociaux { text-align: center!important;}
    .cont_coordonnees .btn {
        padding: 1rem 0;
        text-align: center;
        font-size: 14px;
    }
    footer a {
        font-size: 14px;
    }
    /* LISTING */
    #content {
        margin-top: 0;
    }
    .prod_listing > .listing_article article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_listing.listing .block_img {
        width: 100%;
    }
    .prod_listing.listing .block_img img {
        height: 200px;
    }
    .prod_listing.listing .block_info {
        width: 100%;
        padding: 10px 0;
    }
    [class*="listing"] .container_search, [class*="listing-"] .container_search {
        display: none;
    }
    #formrecherchevente-bar, [class*="listing"] .fiche_produit, [class*="listing-"] .fiche_produit {
        display: block;
        width: 100%;
    }
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: block;
        position: relative;
        right: auto;
        top: -7px;
        font-size: 27px;
        background: transparent;
        padding: 0;
        border-radius: 0;
        color: #fff;
        left: 11px;
    }
    [class*="listing-"] .search__form-item:nth-child(n+2), [class*="listing"] .search__form-item:nth-child(n+2) {
        width: calc(100% / 1 - 0px);
    }
    .plusdecritere {
        text-align: center;
        display: block;
    }
    .modal-body a {
        color: #dac494!important;
    }
    .plusdecritere .text-filtre1, .plusdecritere .text-filtre2 {
        width: 100%;
        text-align: center;
    }
    .ul-nb-bien {
        display: block;
        margin-bottom: 0;
    }
    .ul-nb-bien li, .plusdecritere .btn-default {
        padding: 5px 0;
        font-size: 12px;
    }
    /* DETAILS */
    .detail_header, .detail_annexe {
        display: flex;
        text-align: center;
    }
    .detail .detail_header, .detail .titre_detail_header, .detail_annexe_contact {
        text-align: center;
    }
    .detail_annexe_contact {
        display: flex;
        margin: 15px auto;
        justify-content: center;
    }
    .detail .criteres_detail_header span {
        color: #242935;
        font-size: 12px;
    }
    .detail .liste2 {
        display: flex;
        flex-wrap: wrap;
        margin: -0.5em;
        padding: 20px 0 20px 0;
    }
    .detail .liste2 li {
        position: relative;
        width: calc(33.33% - 1em);
        margin: calc(0.3em * 2) 0.3em;
        overflow: hidden;
    }
    .detail  .plusdinformation {
        font-size: 14px;
    }
    .detail .descriptif {
        padding: 50px 20px;
    }
    #vvirtuelle video {
        width: 300px!important;
        height: 237px!important;
    }
    .bg-gris .pt-5.pb-5 {
        padding-bottom: 20px!important;
        padding-top: 20px!important;
    }
    .detail .groupe-btn .list-inline-item {
        margin: 10px 5px;
    }
    .detail .groupe-btn .list-inline-item .dropdown-item {
        padding: 0.25rem 1rem;
    }
    .detail .btn-primary2 {
        font-size: 12px;
        width: 200px;
    }

    /* TOP PAGE */
    .top_page {
        margin-top: 0;
        height: 120px;
        margin-bottom: 10px;
    }
}





/* ============================= TABLETTE PORTRAIT ========================= */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .bgAccueil {
        background: url(/assets/images/bgimg.jpg) no-repeat center center!important;
        background-size: cover;
    }
}


/* ============================== MOBILE portrait ============================= */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    /* HEADER */
    .bgAccueil {
        background-size: 1024px 768px !important;
        background: url(/assets/images/bgimg.jpg) no-repeat center center !important;
    }

}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    /* MENU */
    .b-nav li:first-child {
        padding-top: 20px;
    }
    .b-link {
        font-size: 15px;
        margin-left: 15px;
    }
    .b-nav li {
        padding: 5px 10px 6px 100px;
    }
    /* ANCRE */
    .section-scroller-wrapper {
        bottom: 40%;
    }
    .section-scroller-wrapper>.section-scroller>.section-scroller__text {
        text-transform: uppercase;
        font-size: 10px;
    }
    /* BASELINE */
    .baseline {
        right: 15%;
    }
    .titre-baseline {
        font-size: 3rem;
    }
    .titre-baseline span {
        font-size: 1.8rem;
    }
    .titre-baseline span::before {
        width: 177px;
        height: 2px;
    }
    /* INDEX SELECTION */
    .home_cont_select article .block_img {
        height: 60vh;
    }
    .produitshabitationslider .info_prix {
        font-size: 15px!important;
        text-align: center!important;
    }
    /* CATEGORIE */
    .slider {
        height: 80vh;
    }
    .slider .box {
        height:70vh;
    }
    .slider .illustration div {
        height: 12rem;
        width: 12rem;
    }
    .slider .box .details .h1 {
        font-size: 1.2rem;
    }
    .slider .box .details {
        transform: translateY(-1rem);
    }
    .slider .box .bg {
        background-color: transparent;
    }
    .trail {
        bottom: 0;
    }
    .trail div span{
        display: none;
    }
    .slider .box .details p {
        font-size: 14px;
    }
    /* LISTING */
    .prod_listing.listing .description {
        display: none;
    }
    .listing #content, [class*="listing-"] #content {
        margin-top: 0px !important;
    }
    .block_info  .block_info2 {
        display: none;
    }
    .prod_listing.listing .info_prix {
        font-size: 12px!important;
        text-align: center!important;
    }
    article.info_prix-hai {
        width: 80%;
        margin: auto;
    }
    .logo-header {
        margin-left: 20px;
    }
    .header__logo img {
        width: 145px!important;
        padding: 20px 0!important;
    }
    .infos-header p { display: none;}
}

.listing-vente .sticking .site-pusher {
    display: block;
}

body input + label {
    position: fixed;
    top: 10px;
    right: 40px;
    height: 20px;
    width: 15px;
    z-index: 5;
}
body input + label span {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0;
    display: block;
    background: #020304;
    transition: 0.5s;
}
body input + label span:first-child {
    top: 3px;
}
body input + label span:last-child {
    top: 16px;
}
body label:hover {
    cursor: pointer;
}
body input:checked + label span {
    opacity: 0;
    top: 50%;
}
body input:checked + label span:first-child {
    opacity: 1;
    transform: rotate(405deg);
}
body input:checked + label span:last-child {
    opacity: 1;
    transform: rotate(-405deg);
}
body input ~ nav {
    background: #242935;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 0;
    transition: 0.5s;
    transition-delay: 0.5s;
    overflow: hidden;
}
body input ~ nav > ul {
    text-align: center;
    position: absolute;
    top: 35%;
    left: 20%;
    right: 20%;
}
body input ~ nav > ul > li {
    opacity: 0;
    transition: 0.5s;
    transition-delay: 0s;
}
body input ~ nav > ul > li > a {
    text-decoration: none;
    text-transform: uppercase;
    color: #020304;
    font-weight: 700;
    font-family: sans-serif;
    display: block;
    padding: 30px;
}
body input:checked ~ nav {
    height: 100%;
    transition-delay: 0s;
}
body input:checked ~ nav > ul > li {
    opacity: 1;
    transition-delay: 0.5s;
}



@charset "UTF-8";
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/:root {
    --animate-duration:1s;
    --animate-delay:1s;
    --animate-repeat:1
}
.animate__animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-duration:var(--animate-duration);
    animation-duration:var(--animate-duration);
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animate__animated.animate__infinite {
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:var(--animate-repeat);
    animation-iteration-count:var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count:2;
    animation-iteration-count:2;
    -webkit-animation-iteration-count:calc(var(--animate-repeat)*2);
    animation-iteration-count:calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count:3;
    animation-iteration-count:3;
    -webkit-animation-iteration-count:calc(var(--animate-repeat)*3);
    animation-iteration-count:calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-delay:var(--animate-delay);
    animation-delay:var(--animate-delay)
}
.animate__animated.animate__delay-2s {
    -webkit-animation-delay:2s;
    animation-delay:2s;
    -webkit-animation-delay:calc(var(--animate-delay)*2);
    animation-delay:calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
    -webkit-animation-delay:3s;
    animation-delay:3s;
    -webkit-animation-delay:calc(var(--animate-delay)*3);
    animation-delay:calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
    -webkit-animation-delay:4s;
    animation-delay:4s;
    -webkit-animation-delay:calc(var(--animate-delay)*4);
    animation-delay:calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
    -webkit-animation-delay:5s;
    animation-delay:5s;
    -webkit-animation-delay:calc(var(--animate-delay)*5);
    animation-delay:calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-duration:calc(var(--animate-duration)/2);
    animation-duration:calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-duration:calc(var(--animate-duration)*0.8);
    animation-duration:calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-duration:calc(var(--animate-duration)*2);
    animation-duration:calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
    -webkit-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-duration:calc(var(--animate-duration)*3);
    animation-duration:calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration:1ms!important;
        animation-duration:1ms!important;
        -webkit-transition-duration:1ms!important;
        transition-duration:1ms!important;
        -webkit-animation-iteration-count:1!important;
        animation-iteration-count:1!important
    }
    .animate__animated[class*=Out] {
        opacity:0
    }
}
@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0) scaleY(1.1);
        transform:translate3d(0,-30px,0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0) scaleY(1.05);
        transform:translate3d(0,-15px,0) scaleY(1.05)
    }
    80% {
        -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
        transition-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0) scaleY(.95);
        transform:translateZ(0) scaleY(.95)
    }
    90% {
        -webkit-transform:translate3d(0,-4px,0) scaleY(1.02);
        transform:translate3d(0,-4px,0) scaleY(1.02)
    }
}
@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0) scaleY(1.1);
        transform:translate3d(0,-30px,0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0) scaleY(1.05);
        transform:translate3d(0,-15px,0) scaleY(1.05)
    }
    80% {
        -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
        transition-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0) scaleY(.95);
        transform:translateZ(0) scaleY(.95)
    }
    90% {
        -webkit-transform:translate3d(0,-4px,0) scaleY(1.02);
        transform:translate3d(0,-4px,0) scaleY(1.02)
    }
}
.animate__bounce {
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash {
    0%,50%,to {
        opacity:1
    }
    25%,75% {
        opacity:0
    }
}
@keyframes flash {
    0%,50%,to {
        opacity:1
    }
    25%,75% {
        opacity:0
    }
}
.animate__flash {
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__pulse {
    -webkit-animation-name:pulse;
    animation-name:pulse;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30% {
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40% {
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50% {
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65% {
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75% {
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30% {
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40% {
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50% {
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65% {
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75% {
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__rubberBand {
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
@keyframes shakeX {
    0%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80% {
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
.animate__shakeX {
    -webkit-animation-name:shakeX;
    animation-name:shakeX
}
@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    20%,40%,60%,80% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
}
@keyframes shakeY {
    0%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    20%,40%,60%,80% {
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
}
.animate__shakeY {
    -webkit-animation-name:shakeY;
    animation-name:shakeY
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5% {
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes headShake {
    0% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5% {
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.animate__headShake {
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-name:headShake;
    animation-name:headShake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60% {
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80% {
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60% {
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80% {
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.animate__swing {
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20% {
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20% {
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__tada {
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15% {
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30% {
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45% {
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60% {
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75% {
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes wobble {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15% {
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30% {
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45% {
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60% {
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75% {
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__wobble {
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2% {
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello {
    0%,11.1%,to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2% {
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.animate__jello {
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14% {
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42% {
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes heartBeat {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14% {
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42% {
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__heartBeat {
    -webkit-animation-name:heartBeat;
    animation-name:heartBeat;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-duration:calc(var(--animate-duration)*1.3);
    animation-duration:calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes backInDown {
    0% {
        -webkit-transform:translateY(-1200px) scale(.7);
        transform:translateY(-1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes backInDown {
    0% {
        -webkit-transform:translateY(-1200px) scale(.7);
        transform:translateY(-1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.animate__backInDown {
    -webkit-animation-name:backInDown;
    animation-name:backInDown
}
@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes backInLeft {
    0% {
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.animate__backInLeft {
    -webkit-animation-name:backInLeft;
    animation-name:backInLeft
}
@-webkit-keyframes backInRight {
    0% {
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes backInRight {
    0% {
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.animate__backInRight {
    -webkit-animation-name:backInRight;
    animation-name:backInRight
}
@-webkit-keyframes backInUp {
    0% {
        -webkit-transform:translateY(1200px) scale(.7);
        transform:translateY(1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes backInUp {
    0% {
        -webkit-transform:translateY(1200px) scale(.7);
        transform:translateY(1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.animate__backInUp {
    -webkit-animation-name:backInUp;
    animation-name:backInUp
}
@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateY(700px) scale(.7);
        transform:translateY(700px) scale(.7);
        opacity:.7
    }
}
@keyframes backOutDown {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateY(700px) scale(.7);
        transform:translateY(700px) scale(.7);
        opacity:.7
    }
}
.animate__backOutDown {
    -webkit-animation-name:backOutDown;
    animation-name:backOutDown
}
@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7);
        opacity:.7
    }
}
@keyframes backOutLeft {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7);
        opacity:.7
    }
}
.animate__backOutLeft {
    -webkit-animation-name:backOutLeft;
    animation-name:backOutLeft
}
@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7);
        opacity:.7
    }
}
@keyframes backOutRight {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7);
        opacity:.7
    }
}
.animate__backOutRight {
    -webkit-animation-name:backOutRight;
    animation-name:backOutRight
}
@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateY(-700px) scale(.7);
        transform:translateY(-700px) scale(.7);
        opacity:.7
    }
}
@keyframes backOutUp {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    20% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:translateY(-700px) scale(.7);
        transform:translateY(-700px) scale(.7);
        opacity:.7
    }
}
.animate__backOutUp {
    -webkit-animation-name:backOutUp;
    animation-name:backOutUp
}
@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to {
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to {
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__bounceIn {
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*0.75);
    animation-duration:calc(var(--animate-duration)*0.75);
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0) scaleY(3);
        transform:translate3d(0,-3000px,0) scaleY(3)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,25px,0) scaleY(.9);
        transform:translate3d(0,25px,0) scaleY(.9)
    }
    75% {
        -webkit-transform:translate3d(0,-10px,0) scaleY(.95);
        transform:translate3d(0,-10px,0) scaleY(.95)
    }
    90% {
        -webkit-transform:translate3d(0,5px,0) scaleY(.985);
        transform:translate3d(0,5px,0) scaleY(.985)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0) scaleY(3);
        transform:translate3d(0,-3000px,0) scaleY(3)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,25px,0) scaleY(.9);
        transform:translate3d(0,25px,0) scaleY(.9)
    }
    75% {
        -webkit-transform:translate3d(0,-10px,0) scaleY(.95);
        transform:translate3d(0,-10px,0) scaleY(.95)
    }
    90% {
        -webkit-transform:translate3d(0,5px,0) scaleY(.985);
        transform:translate3d(0,5px,0) scaleY(.985)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInDown {
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0) scaleX(3);
        transform:translate3d(-3000px,0,0) scaleX(3)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px,0,0) scaleX(1);
        transform:translate3d(25px,0,0) scaleX(1)
    }
    75% {
        -webkit-transform:translate3d(-10px,0,0) scaleX(.98);
        transform:translate3d(-10px,0,0) scaleX(.98)
    }
    90% {
        -webkit-transform:translate3d(5px,0,0) scaleX(.995);
        transform:translate3d(5px,0,0) scaleX(.995)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0) scaleX(3);
        transform:translate3d(-3000px,0,0) scaleX(3)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px,0,0) scaleX(1);
        transform:translate3d(25px,0,0) scaleX(1)
    }
    75% {
        -webkit-transform:translate3d(-10px,0,0) scaleX(.98);
        transform:translate3d(-10px,0,0) scaleX(.98)
    }
    90% {
        -webkit-transform:translate3d(5px,0,0) scaleX(.995);
        transform:translate3d(5px,0,0) scaleX(.995)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInLeft {
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0) scaleX(3);
        transform:translate3d(3000px,0,0) scaleX(3)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0) scaleX(1);
        transform:translate3d(-25px,0,0) scaleX(1)
    }
    75% {
        -webkit-transform:translate3d(10px,0,0) scaleX(.98);
        transform:translate3d(10px,0,0) scaleX(.98)
    }
    90% {
        -webkit-transform:translate3d(-5px,0,0) scaleX(.995);
        transform:translate3d(-5px,0,0) scaleX(.995)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0) scaleX(3);
        transform:translate3d(3000px,0,0) scaleX(3)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0) scaleX(1);
        transform:translate3d(-25px,0,0) scaleX(1)
    }
    75% {
        -webkit-transform:translate3d(10px,0,0) scaleX(.98);
        transform:translate3d(10px,0,0) scaleX(.98)
    }
    90% {
        -webkit-transform:translate3d(-5px,0,0) scaleX(.995);
        transform:translate3d(-5px,0,0) scaleX(.995)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInRight {
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0) scaleY(5);
        transform:translate3d(0,3000px,0) scaleY(5)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    75% {
        -webkit-transform:translate3d(0,10px,0) scaleY(.95);
        transform:translate3d(0,10px,0) scaleY(.95)
    }
    90% {
        -webkit-transform:translate3d(0,-5px,0) scaleY(.985);
        transform:translate3d(0,-5px,0) scaleY(.985)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0) scaleY(5);
        transform:translate3d(0,3000px,0) scaleY(5)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    75% {
        -webkit-transform:translate3d(0,10px,0) scaleY(.95);
        transform:translate3d(0,10px,0) scaleY(.95)
    }
    90% {
        -webkit-transform:translate3d(0,-5px,0) scaleY(.985);
        transform:translate3d(0,-5px,0) scaleY(.985)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInUp {
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55% {
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55% {
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
.animate__bounceOut {
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*0.75);
    animation-duration:calc(var(--animate-duration)*0.75);
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0,10px,0) scaleY(.985);
        transform:translate3d(0,10px,0) scaleY(.985)
    }
    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0) scaleY(3);
        transform:translate3d(0,2000px,0) scaleY(3)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform:translate3d(0,10px,0) scaleY(.985);
        transform:translate3d(0,10px,0) scaleY(.985)
    }
    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0) scaleY(3);
        transform:translate3d(0,2000px,0) scaleY(3)
    }
}
.animate__bounceOutDown {
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px,0,0) scaleX(.9);
        transform:translate3d(20px,0,0) scaleX(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0) scaleX(2);
        transform:translate3d(-2000px,0,0) scaleX(2)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity:1;
        -webkit-transform:translate3d(20px,0,0) scaleX(.9);
        transform:translate3d(20px,0,0) scaleX(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0) scaleX(2);
        transform:translate3d(-2000px,0,0) scaleX(2)
    }
}
.animate__bounceOutLeft {
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0) scaleX(.9);
        transform:translate3d(-20px,0,0) scaleX(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0) scaleX(2);
        transform:translate3d(2000px,0,0) scaleX(2)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0) scaleX(.9);
        transform:translate3d(-20px,0,0) scaleX(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0) scaleX(2);
        transform:translate3d(2000px,0,0) scaleX(2)
    }
}
.animate__bounceOutRight {
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0,-10px,0) scaleY(.985);
        transform:translate3d(0,-10px,0) scaleY(.985)
    }
    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,20px,0) scaleY(.9);
        transform:translate3d(0,20px,0) scaleY(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0) scaleY(3);
        transform:translate3d(0,-2000px,0) scaleY(3)
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform:translate3d(0,-10px,0) scaleY(.985);
        transform:translate3d(0,-10px,0) scaleY(.985)
    }
    40%,45% {
        opacity:1;
        -webkit-transform:translate3d(0,20px,0) scaleY(.9);
        transform:translate3d(0,20px,0) scaleY(.9)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0) scaleY(3);
        transform:translate3d(0,-2000px,0) scaleY(3)
    }
}
.animate__bounceOutUp {
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.animate__fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInDownBig {
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInLeftBig {
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInRightBig {
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInUpBig {
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInTopLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInTopLeft {
    -webkit-animation-name:fadeInTopLeft;
    animation-name:fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInTopRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInTopRight {
    -webkit-animation-name:fadeInTopRight;
    animation-name:fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInBottomLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInBottomLeft {
    -webkit-animation-name:fadeInBottomLeft;
    animation-name:fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInBottomRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInBottomRight {
    -webkit-animation-name:fadeInBottomRight;
    animation-name:fadeInBottomRight
}
@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
@keyframes fadeOut {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
.animate__fadeOut {
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.animate__fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.animate__fadeOutDownBig {
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.animate__fadeOutLeft {
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.animate__fadeOutLeftBig {
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.animate__fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.animate__fadeOutRightBig {
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.animate__fadeOutUp {
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.animate__fadeOutUpBig {
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
}
@keyframes fadeOutTopLeft {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
}
.animate__fadeOutTopLeft {
    -webkit-animation-name:fadeOutTopLeft;
    animation-name:fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
}
@keyframes fadeOutTopRight {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
}
.animate__fadeOutTopRight {
    -webkit-animation-name:fadeOutTopRight;
    animation-name:fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
}
@keyframes fadeOutBottomRight {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
}
.animate__fadeOutBottomRight {
    -webkit-animation-name:fadeOutBottomRight;
    animation-name:fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
}
@keyframes fadeOutBottomLeft {
    0% {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
}
.animate__fadeOutBottomLeft {
    -webkit-animation-name:fadeOutBottomLeft;
    animation-name:fadeOutBottomLeft
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40% {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50% {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80% {
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40% {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50% {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80% {
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to {
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animate__animated.animate__flip {
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.animate__flipInX {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40% {
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60% {
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg);
        opacity:1
    }
    80% {
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.animate__flipInY {
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.animate__flipOutX {
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*0.75);
    animation-duration:calc(var(--animate-duration)*0.75);
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30% {
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg);
        opacity:1
    }
    to {
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.animate__flipOutY {
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*0.75);
    animation-duration:calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes lightSpeedInRight {
    0% {
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__lightSpeedInRight {
    -webkit-animation-name:lightSpeedInRight;
    animation-name:lightSpeedInRight;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform:translate3d(-100%,0,0) skewX(30deg);
        transform:translate3d(-100%,0,0) skewX(30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(-20deg);
        transform:skewX(-20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(5deg);
        transform:skewX(5deg)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform:translate3d(-100%,0,0) skewX(30deg);
        transform:translate3d(-100%,0,0) skewX(30deg);
        opacity:0
    }
    60% {
        -webkit-transform:skewX(-20deg);
        transform:skewX(-20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(5deg);
        transform:skewX(5deg)
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__lightSpeedInLeft {
    -webkit-animation-name:lightSpeedInLeft;
    animation-name:lightSpeedInLeft;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOutRight {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.animate__lightSpeedOutRight {
    -webkit-animation-name:lightSpeedOutRight;
    animation-name:lightSpeedOutRight;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:translate3d(-100%,0,0) skewX(-30deg);
        transform:translate3d(-100%,0,0) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOutLeft {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:translate3d(-100%,0,0) skewX(-30deg);
        transform:translate3d(-100%,0,0) skewX(-30deg);
        opacity:0
    }
}
.animate__lightSpeedOutLeft {
    -webkit-animation-name:lightSpeedOutLeft;
    animation-name:lightSpeedOutLeft;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
.animate__rotateIn {
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
.animate__rotateInDownLeft {
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
.animate__rotateInDownRight {
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
.animate__rotateInUpLeft {
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
.animate__rotateInUpRight {
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes rotateOut {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
.animate__rotateOut {
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}
.animate__rotateOutDownLeft {
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
.animate__rotateOutDownRight {
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
.animate__rotateOutUpLeft {
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight {
    0% {
        opacity:1
    }
    to {
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.animate__rotateOutUpRight {
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60% {
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80% {
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to {
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
@keyframes hinge {
    0% {
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60% {
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80% {
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to {
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.animate__hinge {
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-duration:calc(var(--animate-duration)*2);
    animation-duration:calc(var(--animate-duration)*2);
    -webkit-animation-name:hinge;
    animation-name:hinge;
    -webkit-transform-origin:top left;
    transform-origin:top left
}
@-webkit-keyframes jackInTheBox {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) rotate(30deg);
        transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70% {
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes jackInTheBox {
    0% {
        opacity:0;
        -webkit-transform:scale(.1) rotate(30deg);
        transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50% {
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70% {
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to {
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__jackInTheBox {
    -webkit-animation-name:jackInTheBox;
    animation-name:jackInTheBox
}
@-webkit-keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes rollIn {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__rollIn {
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
.animate__rollOut {
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50% {
        opacity:1
    }
}
@keyframes zoomIn {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50% {
        opacity:1
    }
}
.animate__zoomIn {
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInDown {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.animate__zoomInDown {
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInLeft {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.animate__zoomInLeft {
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInRight {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.animate__zoomInRight {
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInUp {
    0% {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.animate__zoomInUp {
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
    0% {
        opacity:1
    }
    50% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to {
        opacity:0
    }
}
@keyframes zoomOut {
    0% {
        opacity:1
    }
    50% {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to {
        opacity:0
    }
}
.animate__zoomOut {
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.animate__zoomOutDown {
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0)
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0)
    }
}
.animate__zoomOutLeft {
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft;
    -webkit-transform-origin:left center;
    transform-origin:left center
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0)
    }
}
@keyframes zoomOutRight {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to {
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0)
    }
}
.animate__zoomOutRight {
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight;
    -webkit-transform-origin:right center;
    transform-origin:right center
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to {
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.animate__zoomOutUp {
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInDown {
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInLeft {
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInRight {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInUp {
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.animate__slideOutDown {
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.animate__slideOutLeft {
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.animate__slideOutRight {
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to {
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.animate__slideOutUp {
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}