/*
Theme Name: Bi Ave Child
Theme URI: https://bi.fr
Template: ave
Author: Aurélien Castellarnau
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Tags: responsive,retina,rtl-language-support,blog,portfolio,custom-colors,live-editor
Version: 1.6.1570283545
Updated: 2019-10-05 13:52:25

*/
/**
 * LES COULEURS
 */
 .birange {
    opacity: 1;
    background-color: #dd7557 !important;
}
.birange_clear {
    opacity: 1;
    background-color: #e0a669 !important;
}
.biolet {
    opacity: 1;
    background-color: #9fa9d5 !important;
}
.biblert {
    opacity: 1;
    background-color: #7bb8b4 !important;
}
.biblert_clear {
    opacity: 1;
    background-color: #a6cfd4 !important;
}
.birouge {
    opacity: 1;
    background-color: #c2655e !important;
}
.birquoise {
    opacity: 1;
    background-color: #7bb8b4 !important;
}
.biaune {
    opacity: 1;
    background-color: #ebc974 !important;
}
.biaune_banner {
    opacity: 1;
    background-color: #fbc262 !important;
}
.bris {
    opacity: 1;
    background-color: #a4a9ac !important;
}
.biauve {
    opacity: 1;
    background-color: #a486ba !important;
}
.bieu {
    opacity: 1;
    background-color: #8aaac9 !important;
}
.bieu_clear {
    opacity: 1;
    background-color: #61AED8 !important;
}
.biurne {
    opacity: 1;
    background-color: #c195b1 !important;
}
/** */

/**
* LES THEMES OFFRES
*/
.bistart {
    opacity: 1;
    background-color: #a97ab3;
}

.bistart.hover:hover {
    background-color: #a97ab3bf;
}

.binome {
    opacity: 1;
    background-color: #dd7557 !important;
}

.binome.hover:hover {
    background-color: #dd7557bf !important;
}

.bizen {
    background-color: #f9c263;
}

.bizen.hover:hover {
    background-color: #f9c263bf;
    z-index: 40;
}

.biphone {
    background-color: #2eb3abff;
}

.biphone.hover:hover {
    background-color: #2eb3abbf;
}

.biphone:hover.to_down_circle::before,
.biphone:hover.to_up_circle::before {
    display: none;
}

.black_text {
    color: #000 !important;
}

.white_text {
    color: #fff !important;
}

.grey_text {
    color: #858390 !important;
}
/** */

/* NAVBAR */
.bars {
    margin: 50px 20px 0px 0px !important;
}

span.bar {
    margin-top: 8px;
    padding-top: 10px !important;
}

.bar,
.bar:nth-child(2) {
    margin-right: 0px !important;
    width: 70px !important;
}

#bi_subtitle h1 {
    color: #fbc263;
    padding-top: 40px;
    text-shadow: 0.1px 0.1px 0.2px #fcd89b;
}
/** */

/**
 * BI INFRA display: none
 */
#menu-item-2068.menu-item-2068 a span.txt {
    display: none;
    color: #fbc263;
    text-shadow: 0.1px 0.1px 0.2px #fcd89b;
}
/** */

/** MENU NAVBAR */
#menu-item-1344.menu-item-1344 a span.txt:hover {
    color: #dd7557 !important;
}

.nav-item-children {
    opacity: 0.9 !important;
}

#menu-item-1100:hover {
    color: white;
    background-color: #a97ab3;
    border-bottom: solid 1px #a97ab3;
}

#menu-item-903:hover {
    color: white;
    background-color: #f9c263;
    border-bottom: solid 1px #f9c263;
}

#menu-item-1099:hover {
    color: white;
    background-color: #dd7557;
    border-bottom: solid 1px #dd7557;
}

#menu-item-1098:hover {
    color: white;
    background-color: #2eb3ab;
    border-bottom: solid 1px #2eb3ab;
}
/** */

/**
* HOME
*/
#animated_banner_offer {
    margin: 120px 0px 0px 0px !important;
}
.bi_home_box:hover {
    opacity: 0.8!important;
}
.bi_home_box {
    padding: 50px  5px 0px 5px !important;
    margin-left: 45px !important;
    height: 80px;
}
.bi_home_box p {
    margin: 15px 0px 20px;
}
.bi_home_box_text_under {
    color: white;
    margin-top: -30px;
}
#questions_row h4 {
    line-height: 28px !important;
}
#questions_row p {
    line-height: 22px;
}
.separator_col {
    width: 60px;
}
#desktop_insight {
    display: inherit;
}
#mobile_insight_1,
#mobile_insight_2 {
    display: none;
}
/** */

/**
* WHO
*/
.bi_who_box {
    height: 220px;
    max-width: 300px;
}
div.bi_who_box {
    padding: 1px;
}
div > .hover_citation {
    padding: 0px 20px;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bi_who_box_text_name {
    color: black;
    font-size: 26px;
    font-family: 'feijoa_display', 'Ubuntu', 'Book Antiqua', sans-serif;
    display: inline-block;
    margin: 0px;
}
.bi_who_box_text_job {
    color: white;
    font-size: 22px;
    font-family: 'canarolight', 'Ubuntu', 'Book Antiqua', sans-serif;
    font-weight: bold;
    display: inline-block;
    margin: 0px;
}
.bi_who_box:hover .clear {
    display: none;
}
/**
* ANIMATION ON MEMBERS SQUARES
*/
@keyframes css {
    to { visibility: hidden; }
}
@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; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* Opera < 12.1 */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
.bi_who_box .hover_citation {
    -webkit-animation: fadeout 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 2s; /* Firefox < 16 */
    -ms-animation: fadeout 2s; /* Internet Explorer */
    -o-animation: fadeout 2s; /* Opera < 12.1 */
    animation: fadeout 2s;
    display: none;
}
.bi_who_box:hover .hover_citation {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
    display: inline-block;
}
.bi_who_box .clear {
    display: inline-block;
}
.bi_who_box .hover_citation {
    display: none;
}
.big_img img {
    max-width: 480px !important;
}
/** */

/**
 * OFFERS
 */
div>img {
    max-width: 260px !important;
}
/* BOX WITH SHADOW */
#bi_binome_text_bi,
.bi_home_box_text_bi {
    color: black;
    font-family: 'feijoa_display', 'Ubuntu', 'Book Antiqua', sans-serif;
    display: inline-block;
}
#bi_binome_text_nome,
.bi_home_box_text_nome {
    color: white;
    font-family: 'canarolight', 'Ubuntu', 'Book Antiqua', sans-serif;
    font-weight: bold;
    display: inline-block;
}
#bi_binome_rightbox_title h3 {
    margin-bottom: 10px;
    line-height: 40px !important;
}
#bi_binome_rightbox_title h3 {
    margin-bottom: 10px;
    line-height: 40px !important;
}
#bi_binome_rightbox_title h3 + p {
    display: none;
}
/* SHADOW TRICKS */
#bi_box::before,
.drop-shadow::after {
    content: "";
    position: absolute;
    background-color: rgba(217, 218, 219, 0.9);
    z-index: -2;
}
#bi_box::before {
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    -o-transform: skew(-45deg);
    transform: skew(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
/** */

/**
* LISTE DE CERCLES
*/
/* A circle */
.circle {
    margin-top: 1.5em;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 28px;
    color: #fff;
    line-height: 60px;
    text-align: center;
}
.bizen:hover.to_down_circle::before,
.bizen:hover.to_up_circle::before,
.biphone:hover.to_down_circle::before,
.biphone:hover.to_up_circle::before,
.binome:hover.to_down_circle::before,
.binome:hover.to_up_circle::before,
.bistart:hover.to_down_circle::before,
.bistart:hover.to_up_circle::before {
    display: none;
}
.to_down_circle::before,
.to_up_circle::before {
    border-left: solid 0.1px rgb(221, 117, 87, 0.1);
}
.bistart.to_down_circle::before,
.bistart.to_up_circle::before {
    border-left: solid 0.1px rgb(169, 122, 179, 0.1);
}
.bizen.to_down_circle::before,
.bizen.to_up_circle::before {
    border-left: solid 0.1px rgb(249, 194, 99, 0.1);
}
.mobile_liste .bi_list_text p {
    line-height: 1em;
    color: #858390;
    margin-top: 0.2em !important;
    text-align: center;
}
.mobile_liste .bi_list_text h3 {
    text-align: center !important;
}
.mobile_liste .circle {
    width: 40px;
    height: 40px;
}
.mobile_liste p {
    font-size: 20px;
    line-height: 40px;
}
/* element rotation */
.to_up_circle {
    transform: rotate(180deg);
}
.to_up_circle p {
    transform: rotate(180deg);
}
/* Line between circles TRICKS */
.to_down_circle::before,
.to_down_circle::after {
    content: "";
    position: absolute;
    z-index: -32;
    height: 6em;
}
.to_up_circle::before,
.to_up_circle::after {
    content: "";
    position: absolute;
    z-index: -42;
    height: 4.8em;
}
.to_down_circle::before,
.to_up_circle::before {
    border-left: solid 0.1px rgb(221, 117, 87, 0.1);
}
.bistart.to_down_circle::before,
.bistart.to_up_circle::before {
    border-left: solid 0.1px rgb(169, 122, 179, 0.1);
}
.biphone.to_down_circle::before,
.biphone.to_up_circle::before {
    border-left: solid 0.1px rgb(46, 179, 171, 0.1);
}
.bizen.to_down_circle::before,
.bizen.to_up_circle::before {
    border-left: solid 0.1px rgb(249, 194, 99, 0.1);
}
.mobile_liste .to_down_circle::before,
.mobile_liste .to_down_circle::after .mobile_liste .to_up_circle::before,
.mobile_liste .to_up_circle::after {
    height: 20px;
    width: 20px;
}
/** */

/**
* SQUARE BOX
*/
.square_text_row {
    min-height: 180px !important;
}
div.square_text_row {
    max-width: 180px;
    margin: 10px 0px 0px 2px !important;
}
.under_cube_text p {
    line-height: 15px !important;
}
.bi_square_box {
    margin-left: 0px;
    width: 185px;
    height: 175px;
    padding-top: 55px;
}
.bi_square_box hr {
    margin-top: -4.1em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    height: 2px;
    border: none;
    background-color: black;
}
hr.white {
    background-color: white;
}
.bi_square_text_bi {
    font-size: 80px;
    font-family: 'feijoa_display', '';
}
.bi_square_text_down,
.bi_square_text_dark {
    color: white;
    font-family: 'canaromedium', 'Ubuntu', 'Roboto', 'Book Antiqua', sans-serif;
    font-size: 24px;
}
.under_cube_text {
    margin-top: -18px !important;
    font-size: 13px;
    line-height: 22px;
}
/** */

/**
 * CONTACT ONGLETS
 */
li.vc_tta-tab:not(.vc_active) > a {
    background-color: #ebc974 !important;
    opacity: 0.6 !important;
}
li.vc_tta-tab:not(.vc_active) > a > span.vc_tta-title-text {
    color: white !important;
    opacity: 1 !important;
}

li.vc_tta-tab:not(.vc_active) > a:hover {
    background-color: #ebc974 !important;
    opacity: 0.8 !important;
}
.vc_tta-title-text {
    font-family: FeijoaMedium, 'Ubuntu', 'Book Antiqua', sans-serif;
    color: black;
    font-weight: 800;
    font-size: 36px;
    margin-left: -10px;
}
:not(.vc_active) > a span.vc_tta-title-text  {
    color: grey !important;
    opacity: 0.6!important;
}
/** */

/**
 * CONTACT POP-UP
 */
div.swal2-popup {
    background: #fff !important;
}
.swal2-popup h2 span {
    color: black !important;
}
button.swal2-confirm {
    background: #f9c263 !important;
}
.wpcf7-not-valid-tip {
    animation: css 0s 3s forwards;
}
/** */

/**
 * FOOTER
 */
.footer_social img {
    margin-top: 20px;
    max-width: 30px !important;
}
/** */

/* RESPONSIVE */

/**
* SMARTPHONE
*/
/**
* MOBILE BREAKPOINT (tous changement ici doit être géré pour + grand device)
* mobile first - on retrouve le mobile only à la toute fin
*/
@media (min-width : 480px) {
    #desktop_insight {
        display: none;
    }
    #mobile_insight_1,
    #mobile_insight_2 {
        display: flex !important;
    }
    .icon_question {
        margin-left: 33% !important;
    }
    .bi_home_box {
        margin-left: 24% !important;
        padding-top: 90px;
        padding-bottom: 20px;
        width: 240px;
        min-height: 200px;
        text-align: center;
    }
    #bi_box {
        margin-left: 33%;
        padding-top: 90px;
        padding-bottom: 20px;
        width: 240px;
        text-align: center;
    }
    #bi_binome_text_bi,
    .bi_home_box_text_bi {
        font-size: 2.5em !important;
    }
    #bi_binome_text_nome,
    .bi_home_box_text_nome {
        font-size: 3.2em;
    }
    .bi_binome_text_bi {
        font-size: 2.5em !important;
    }
    .bi_binome_text_nome {
        font-size: 3.2em;
    }
    /* SHADOW TRICKS */
    #bi_box::before,
    .drop-shadow::after {
        margin-top: 52px;
    }
    #bi_box.binome::before {
        width: 225px;
        height: 55px;
    }
    #bi_box.bistart::before {
        width: 215px;
        height: 57px;
    }
    #bi_box.bizen::before {
        width: 195px;
        height: 57px;
    }
    #bi_box.biphone::before {
        width: 233px;
        height: 57px;
    }
    #bi_binome_rightbox_title {
        text-align: center;
    }
    .bi_rightbox_text {
        text-align: center !important;
    }
    .know_more_btn {
        width: auto !important;
        margin-left: -33%;
    }
    .bi_square_box {
        margin-left:15% !important;
    }
    .square_text_row {
        min-height: 200px;
    }
    div.square_text_row  {
        width: 170px;
        margin: 0px 0px 0px 50px !important;
    }
    .under_cube_text {
        margin-top: -10px;
        margin-right: 0px;
        margin-bottom: 40px;
    }
    .cube_row {
        margin-left: 20px !important;
    }
}
/** */

/**
 * INTERMEDIARY MOBILE/TABLETTE
 */
@media (min-width: 560px) {
    .cube_row {
        margin-left: 10% !important;
    }
    .under_cube_text {
        margin-top: -5px !important;
        margin-left: 10px;
        margin-right: 0px;
    }
}
/** */

/**
* TABLETTE
*/
@media (min-width : 700px) {
    .bi_home_box {
        padding-top: 50px !important;
        margin-left: 30% !important;
    }
    #mobile_banner {
        width: 100%;
        display: inline-block;
    }
    #desktop_banner {
        display: none;
    }
    #desktop_insight {
        display: none;
    }
    #mobile_insight_1,
    #mobile_insight_2 {
        display: flex !important;
    }
    .icon_question {
        margin-left: 33% !important;
    }
    .banner_offer {
        min-height: 500px !important;
        height: 500px !important;
    }
    .bi_list_title_mob,
    .bi_list_title_tab {
        margin-left: -5px !important;
    }
    .know_more_btn {
        width: auto !important;
    }
    .bi_square_box {
        margin-left: 25% !important;
    }
    .square_text_row {
        min-height: 180px;
    }
    div.square_text_row  {
        margin: 0px 0px 0px 18px !important;
    }
    .under_cube_text {
        margin-top: -10px !important;
    }
}
/** */

/** INTERMEDIARY TABLETTE / DESKTOP */
@media (min-width: 766px) {
    #bi_box {
        margin-left: inherit;
    }
    .bi_home_box {
        padding-top: 50px !important;
        margin-left: 10% !important;
    }
    .icon_question {
        margin-left: inherit !important;
    }
    .bi_square_box {
        margin-left:30px!important;
    }
    .square_text_row div {
        margin: 0px 0px 0px 8px !important;
    }
    .under_cube_text {
        margin-right: -80px!important;
    }
}
@media (min-width : 788px) {
    .under_cube_text {
        margin-right: -80px!important;
    }
}
@media (min-width : 915px) {
    .bi_who_box {
        margin-left: 20px;
    }
    .know_more_btn {
        width: auto !important;
        margin-left: -33%;
    }
    .under_cube_text {
        margin-right: -50px!important;
    }
}
/** */

/**
 * DESKTOP
 */
@media (min-width : 995px) {
    #mobile_banner {
        display: none;
    }
   #desktop_banner {
        width: 100%;
        display: inline-block;
   }
    .bi_home_box {
        margin-left: -40px !important;
    }
    #desktop_insight {
        display: inherit !important;
    }
    #mobile_insight_1,
    #mobile_insight_2 {
        display: none !important;
    }
    #bi_box {
        padding-top: 140px;
        padding-bottom: 37px;
        width: 350px;
        text-align: center;
    }
    #bi_binome_text_bi {
        font-size: 65px !important;
    }
    #bi_binome_text_nome {
        font-size: 80px;
    }
    /* SHADOW TRICKS */
    #bi_box::before,
    .drop-shadow::after {
        margin-top: 80px;
    }
    #bi_box.binome::before {
        width: 327px;
        height: 80px;
    }
    #bi_box.bistart::before {
        width: 316px;
        height: 80px;
    }
    #bi_box.bizen::before {
        width: 286px;
        height: 80px;
    }
    #bi_box.biphone::before {
        width: 340px;
        height: 80px;
    }
    #bi_binome_rightbox_title,
    .bi_rightbox_text {
        text-align: left !important;
    }
    .bi_list_title {
        margin-top: 10px;
    }
    .know_more_btn {
        width: auto !important;
        margin-left: -33%;
    }
    .cube_row div {
        margin-left: -3px;
        margin-right: 0px!important;
    }
    .under_cube_text {
        margin-top: -5px!important;
        margin-left: 5px!important;
        margin-right: -5px!important;
    }
    .bi_square_box {
        margin-left: 7%!important;
    }
    .square_text_row {
        min-height: 190px;
    }
    div.square_text_row  {
        margin: 0px 0px 0px 2px !important;
    }
    .bi_who_box {
        margin-left: 40px;
    }
}
/** */

/** FULLSCREEN */
@media (min-width : 1200px) {
    .bi_who_box {
        margin-left: 0px;
    }
    .bi_home_box {
        margin-left: 0px !important;
    }
    .know_more_btn {
        width: auto !important;
        margin-left: -19%;
    }
    .square_text_row {
        min-height: 150px;
    }
    .under_cube_text {
        font-size: 12px;
        margin-top: -15px !important;
    }
}
@media only screen and (min-width : 1300px) {
    .know_more_btn {
        width: auto !important;
        margin-left: -15%!important;
    }
    div.square_text_row  {
        margin: 0px 0px 0px 4% !important;
    }
}
/** */

/**
* SMARTPHONE ONLY
*/
@media only screen and (max-width : 480px) {
    .bi_home_box {
        margin-left: 10% !important;
        padding-top: 90px;
        padding-bottom: 20px;
        width: 240px;
        min-height: 200px;
        text-align: center;
    }
    .icon_question {
        margin-left: 16% !important;
    }
    #bi_box {
        margin-left: 33%;
        padding-top: 90px;
        padding-bottom: 20px;
        width: 240px;
        text-align: center;
    }
    #bi_binome_text_bi,
    .bi_home_box_text_bi {
        font-size: 2.5em !important;
    }
    #bi_binome_text_nome,
    .bi_home_box_text_nome {
        font-size: 3.2em;
    }
    #desktop_insight {
        display: none;
    }
    #mobile_insight_1,
    #mobile_insight_2 {
        display: flex;
    }
    #mobile_banner {
        width: 100%;
        display: inline-block;
    }
    .banner_offer {
        min-height: 500px !important;
        height: 900px !important;
    }
    .banner_offer {
        min-height: 500px !important;
        height: 630px !important;
    }
    #desktop_banner {
        display: none;
    }
    #bi_binome_rightbox_title {
        text-align: center;
    }
    .bi_rightbox_text {
        text-align: center !important;
    }
    /**
    * SHADOWBOX REDUCTION
    */
    #bi_box {
        padding-top: 90px;
        padding-bottom: 20px;
        width: 240px;
        text-align: center;
    }
    #bi_binome_text_bi {
        font-size: 2.5em !important;
    }
    #bi_binome_text_nome {
        font-size: 3.2em;
    }
    /* SHADOW TRICKS */
    #bi_box::before,
    .drop-shadow::after {
        content: "";
        position: absolute;
        margin-top: 52px;
        background-color: rgba(217, 218, 219, 0.9);
        z-index: -2;
    }
    #bi_box.binome::before {
        width: 225px;
        height: 55px;
    }
    #bi_box.bistart::before {
        width: 213px;
        height: 57px;
    }
    #bi_box.bizen::before {
        width: 195px;
        height: 56px;
    }
    #bi_box.biphone::before {
        width: 235px;
        height: 55px;
    }
    .cube_row {
        margin-left: 30px!important;
        margin-right: -30px!important;
    }
    .under_cube_text {
        margin-top: -5px!important;
        padding-top: -10px!important;
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 40px;
    }
    .know_more_btn {
        width: auto !important;
        margin-left: -33%;
    }
}
/** */

/**
* TEMPLATE FIXER
*/
/* recentrer les classes finissant par -center, ne s'appliquait pas sur la classe xs au moins */
div[class^="-center"],
div[class*="-center"] {
    text-align: center;
}

/* Le template ajoute des balises p dans les titres ce qui, évidemment, pulvérise marges et dispositions, on déclinera ce hack pour les titres qui ont ce problème */
h2 span p {
    display: none !important;
}

/* L'effet arrondi sur les boutons est objectivement ridicule pour la définition de round, avec cette dimensions on a l'arrondi sans angle qu'on attend lorsque qu'on sélectionne 'rounded' */
input.wpcf7-form-control.wpcf7-submit,
.btn.round {
    border-top-left-radius: 2em!important;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
}

/* Le slider ajoute des marges en desous de chaque élément de contenu. Et il se passe quoi si j'empile des lignes de texte?...  */
.wpb_revslider_element.wpb_content_element {
    margin-bottom: 0 !important;
}
/** */