/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

.button_degrade_container > a,
.button_degrade { 
    background: rgb(57,161,164) !important;
    background: linear-gradient(90deg, rgba(57,161,164,1) 0%, rgba(8,203,148,1) 100%) !important;
    border: none !important;
}

.button_degrade_container > a:hover,
.button_degrade:hover { 
    background: rgb(250,250,250)!important;
    background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 48%, rgba(250,250,250,1) 100%)!important;
    border: 1px solid #f5f5f5 !important;
    color: #006490! important;
    text-decoration: none;
}

.button_degrade_blue_container > a,
.button_degrade_blue { 
    background: rgb(88,152,194)!important;
    background: linear-gradient(90deg, rgba(88,152,194,1) 0%, rgba(62,112,153,1) 100%)!important;
    border: none !important;
}

.button_degrade_blue_container > a:hover,
.button_degrade_blue:hover { 
    background: #000000!important;
    border: none !important;
    color: #ffffff! important;
    text-decoration: none;
}

#top form{
        margin-bottom: 0px;
}

.home_button_choisi_modele,
.home_button_rdv_enligne {
    width:49%;
    margin:auto;
    display:inline-block
}


.home_button_choisi_modele a {
    width:300px;
    border-radius: 15px !important;
    float:right;
}

.home_button_rdv_enligne a {
    width:300px;
    border-radius: 15px !important;
    float:left;
}

#footer a:hover{
    color: #04d08f !important;
}

.wp-megamenu-sub-menu a:hover{
    text-decoration: none;
}

/*====== RACHAT FORM =======================*/


.rachat_form_container form {
    margin-bottom: 0px!important;
}

.rachat_form_container form input[type="text"],
.rachat_form_container form input[type="email"],
.rachat_form_container form input[type="tel"] {
    width:96% !important;
    border-radius: 10px !important;
    background-color: #f3f3f3!important;
}

.rachat_form_container form input[type="submit"]{
    width: 90%;
    margin: auto;
    background-color: #14be97;
    display: block;
}

/*====== CONTACT FORM =====================*/

.contact_form_container #contact_name {
    width: 90% !important
}

.contact_form_container input[type="text"],
.contact_form_container input[type="tel"],
.contact_form_container input[type="email"],
.contact_form_container textarea{
    background-color: #f5f5f5 !important;
    border-radius: 10px !important;
    border:none!important;
    padding:10px!important;
}

/*==== testimonials carousel override ======*/
.owl-prev, .owl-next{
    bottom: 20%;
    top: auto;
}

.owl-theme .owl-nav [class*=owl-]:hover,
.owl-prev, 
.owl-next,
.owl-prev:hover,
.owl-next:hover {
    background: none !important;
}

.owl-prev span, 
.owl-next span,
.owl-prev span:hover, 
.owl-next span:hover{
    color: #01d08f;
    background: none !important;
    display: contents;
}

@media only screen and (min-width: 1025px) {
  /* Add your Desktop Styles here */

    #footer,
    #custom_footer,
    #custom_footer_newsletter{
        border:0px !important;
    }

    #custom_footer p {
        line-height: 15px;
    }

    #custom_footer_newsletter{
        padding-top: 30px;
    }

    #custom_footer div.nos_boutiques {
        margin-left: 0;
        margin-right: 5px;
        width: 19%;
        margin-bottom: 50px;
        height: 170px;
    }

    #custom_footer_newsletter div .av_one_half {
        margin-left: 0;
    }

    #custom_footer_partners{
        background: #1b5d7b;
        padding-top: 30px;
    }

    #custom_footer_partners div .flex_column {
        margin-left: 0px;
    }

    .kustom-top-bar-container {
        background: #006692;
    }

    .kustom-top-bar {
        max-width: 1310px;
        margin: auto;
        position: relative;
        display: inline-block;
        padding-top: 10px;
    }

    .kustom-top-bar .social-icons-container {
        float: right;
        margin: 10px 5px 0 0;
    }

    .kustom-top-bar .card-icons-container {
        float: right;
        margin-left: 10px;
    }

    .kustom-top-bar .card-icons-container img {
        height: 50px;
    }

    #header_main .container {
        padding: 0px;
    }

    #top #header .mega_menu_title a {
        color: #ffffff;
    }

    .kustom-top-bar #searchform {
        float: right;  
        margin-top: 10px;
        max-width: 220px;
    }

    .kustom-top-bar #searchform input[type=text] {
        color: #333333;
        border-radius: 6px;
        padding: 8px 10px 8px 5px !important;
    }

    .kustom-top-bar #searchform #searchsubmit {
        display: none;
    }

    .kustom-top-bar .icons-container {
        float: left;
        width: 210px;
    }

    .kustom-top-bar .icon-img {
        float: left;
        width: 40px;
    }

    .kustom-top-bar .icons-container .icons-title {
        color: #03cf92;
        font-size: 13px;
        font-weight: bold;
        width: 160px;
        text-align: center;
         float: right;
    }

    .kustom-top-bar .icons-container .icons-desc {
        color: #ffffff;
        font-size: 10px;
        float: right;
        width: 170px;
        font-weight: bold;
        text-align: center;
        line-height: initial;
    }


    .content { 
        padding-top: 0px;
    }

    .steps {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .steps .steps-arrow img {
        width: 60px;
    }

    .steps .steps-container {
    }

    .steps .steps-container img {
        width: 160px;
        display: block;
        margin: auto;
    }


    .steps .steps-container p {
        width: 100%;
        text-align: center;
        margin: 0;
        font-size: 0.9em;
    }

    /* custom css for testimonial carousel*/

    .owl-carousel .owl-item {
        margin-top: 20px;
    }

    .owl-carousel .owl-item > div {
        background: #f4f5f6;
        min-height: 220px;
        margin: 15px;
        border-radius: 15px;
        width: 97%;
    }

    .rachat_form_container #submit_rachat_form {
        background: #379fa4;
        width: 100%;
        border-radius: 20px;
    }

    .flex_column_div.blue_box{
        margin: auto;
        margin-top: 20px;
        width: 25%;
        min-height:500px;
        padding:0 10px 0 20px;
    }


    .flex_column_div.blue_box p{
        margin: 0;
    }


    .flex_column_div.blue_box a{
        color: #ffffff;
        position:absolute;
        bottom:40px;
        left:5%;
        width: 85%;
        background-color: #15be97;
        border-radius:10px;
        padding: 2px 0 2px 0; 
        text-align: center;
    }

    .lab_images {
        margin: 0px !important;
        width: 20% !important;
    }

    .lab_images img,
    .lab_images p{
        margin: 0px;
        padding: 0px
    }

    .confiance_title_container {
        padding-top: 35px;
    }

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

    .home .content {
        padding-top: 0px !important;
    }

    #custom_footer h3,
    #custom_footer div.nos_boutiques,
    #nav_menu-2,
    #nav_menu-3,
    #text-25,
    #text-24,
    #custom_footer_newsletter{
        text-align: center;
        padding-top: 20px;
    }

    #custom_footer p {
        line-height: 15px;
        font-size: .8rem;
    }

    .responsive #top #wrap_all .container {
        width: 97%;
        max-width: 98%;
    }

    .kustom-top-bar .icons-container {
        float: left;
        width: 48%;
        margin-bottom: 3px;
    }

    .kustom-top-bar .social-icons-container {
        display: none;
    }

    .kustom-top-bar #searchform {
        float: left;
        width: 80%;
        display: none;
    }

    .kustom-top-bar .card-icons-container {
        float: right;
        width: 15%;
    }

    .kustom-top-bar .card-icons-container img {
        height: 50px;
    }

    .kustom-top-bar .icon-img {
        float: left;
        width: 19%;
        margin: 3px;
    }

    .kustom-top-bar .icons-container .icons-desc {
        color: #ffffff;
        font-size: 9px;
        float: right;
        width: 77%;
        font-weight: bold;
        text-align: center;
        line-height: initial;
    }

    .kustom-top-bar .icons-container .icons-title {
        color: #03cf92;
        font-size: 12px;
        font-weight: bold;
        width: 77%;
        text-align: center;
        float: right;
    }

    .steps-container {
        width: 50%;
        float: left;
        text-align: center;
        font-size: 0.9rem;
    }

    .steps-container img {
        width: 80%;
    }

    .steps-container p{
        font-size: .8rem;
        line-height: 20px;
        margin: 0px;
    }

    .steps-arrow { 
        display: none;
    }

    #custom_footer .flex_column.av_one_fourth{
        width: 50% !important;
        margin: 0px !important;
    }

    .rachat_form_container input[type="text"]{
        margin-bottom: 10px;
    }

    .rachat_form_container #submit_rachat_form {
        font-size: .9rem;
        width: 100%;
        border-radius: 20px;
    }

    .rachat_form_container .content-column.one_half{
        width: 49% !important;
        /* border: 1px solid; */
        float: none;
        display: inline-block !important;
        margin: 0;
    }

    .flex_column { 
        margin-bottom: 10px;
    }

    .wrap_svl_center_box{
        margin-left: 20px;
    }

    .apple_macbook_image,
    .apple_mac_image{
        width: 50% !important;
        display: inline-block;
        float: none;
    }

    .contact_form_container .content-column.one_half{
        width: 49% !important;
        display: inline-block;
        float: none;
    }

    .apple_macbook_image,
    .apple_mac_image {
        margin-bottom: 0px !important;
    }
    
    .apple_macbook_image,
    .apple_mac_image{
        background: #f4f4f9 !important;
    }
    
    .ordi_pc_image{
        width: 100%;
        background: #f4f4f9 !important;
    }

    .ordi_pc_image img {
        width: 50% !important;     
    }

    .iphone_hotspot_front,
    .iphone_hotspot_back {
        width: 50% !important;
    }

    .contact_form_container input[type="text"]{
        width: 100% !important;
    }

    .contact_form_container textarea {
        height: 100px;
    }

    .rachat_text_container{
        text-align: center;
        margin-bottom: 0px !important;
        min-height: 0px !important;
        padding-bottom: 0px !important;
    }

    .rachat_text_container span{
        font-size: 1.2rem;
    }

    .confiance_title_container {
        text-align: center;
    }

    #footer .flex_column:nth-child(2),
    #footer .flex_column:nth-child(3){
        width: 49%! important;
    }
    #footer .flex_column:nth-child(4){
        margin-bottom: 0 !important;
    }

    #footer .flex_column:nth-child(4) img {
        margin: 10px;
        display: initial;
    }

    #footer .widget {
        padding: 0;
        margin: 5px 0 5px 0;
        overflow: hidden;
    }

    #socket .copyright{
        margin-left: 30%;
    }

    div#powerTip {
        position: fixed;
        top: 30%!important;
        left: 0!important;
        width: 100%;
        height: 14%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #wp-megamenu-avia.wpmm-mobile-menu a.wpmm_mobile_menu_btn{
        margin-right: 10px;
    }

    .card-icons-container {
        float: right;
        width: 20%;
    }

    #header_main {
        float: left;
        width: 80%; 
        clear: inherit;     
    }

    #header_main > #wp-megamenu-avia {
        background-color: #006691;
        border-bottom: 3px solid #006691;
    }

    footer #searchform {
        margin: auto;
        margin-top: 15px;
        width: 90%;
    }

    footer #searchform input[type=text] {
        color: #333333;
        border-radius: 6px;
        padding: 15px 10px 15px 5px !important;
        background: #ffffff !important;
        font-size: 1rem;
    }

    footer #searchform #searchsubmit {
        display: none;
    }

    footer #searchform>div {
        position: relative;
        width: 100%;
        max-width: 100% !important;
    }

    footer #searchform > input[type="text"]{
       width: 80%; 
    }

    footer #searchform > input[type="submit"]{
        width: 20%; 
    }

    .flex_column.blue_box  {
        margin: 0px !important;
        padding: 1em;
        min-height: 225px !important;
    }

    .flex_column.blue_box h3 {
        font-size: 1.1rem;
        margin-top: 0px;
    }

    .flex_column.blue_box p {
        font-size: .7rem;
        margin: 0;
    }

    .flex_column.blue_box p,
    .flex_column.blue_box h3 {
        text-align: left !important;
        float: right;
        width: 73%;
    }

    .flex_column.blue_box p:nth-child(1) {
        float: left;
        width: 25%;
    }


    .flex_column_div.blue_box a{
        color: #ffffff;
        position:absolute;
        bottom:40px;
        left:30%;
        width: 50%;
        background-color: #15be97;
        border-radius:10px;
        padding: 2px 0 2px 0;
        text-align: center;
    }

    .lab_images {
        margin: 0px !important;
        width: 50% !important;
    }

    .lab_images.lab_images_last {
        margin-left: 25% !important;  
    }

    .lab_images img,
    .lab_images p{
        margin: 0px;
        padding: 0px
    }

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .home div .av_one_half{
        margin-left: 0px !important;
    }
    .home .content {
        padding-top: 0px !important;
    }

    .card-icons-container {
        float: right;
        width: 15%;
    }

    #header_main {
        float: left;
        width: 85%; 
        clear: inherit;     
    }

    #header_main > #wp-megamenu-avia {
        background-color: #006691;
        border-bottom: 3px solid #006691;
    }

    .kustom-top-bar .social-icons-container {
        display: none;
    }

    .kustom-top-bar .icons-container{
        width: 25%;
        float: left;
    }

    .kustom-top-bar .icon-img {
        float: left;
        width: 20%;
    }

    .kustom-top-bar .icons-container .icons-title,
    .kustom-top-bar .icons-container .icons-desc {
        width: 80%;
    }

    .kustom-top-bar .icons-container .icons-title {
        color: #03cf92;
        font-weight: bold;
        text-align: center;
         float: right;
         font-size: .8rem;
    }

    .kustom-top-bar .icons-container .icons-desc {
        color: #ffffff;
        float: right;
        font-weight: bold;
        text-align: center;
        line-height: initial;
        font-size: .6rem;
    }

    #custom_footer div.nos_boutiques {
        width: 27%;
        min-height: 300px;
    }

    .steps-container {
        float: left;
        text-align: center;
        font-size: 1rem;
         width: 21%;
    }

    .steps-container img {
        width: 80%;
    }

    .steps-container p{
        font-size: .8rem;
        line-height: 20px;
        margin: 0px;
    }

    .steps-arrow { 
       width: 5%;
       float: left;
       margin-top: 3em;
    }

    .flex_column_div.blue_box{
        margin: auto;
        margin-top: 0px !important;
        width: 50% !important;
        margin-left: 0px !important;
        min-height:500px;
        padding:0 10px 0 20px;
    }


    .flex_column_div.blue_box p{
        margin: 0;
    }


    .flex_column_div.blue_box a{
        color: #ffffff;
        position:absolute;
        bottom:40px;
        left:5%;
        width: 85%;
        background-color: #15be97;
        border-radius:10px;
        padding: 2px 0 2px 0; 
        text-align: center;
    }

    .home .owl-item{
        min-height: 300px !important;
    }
    .home .owl-item .item-content.entry-content{
        min-height: 200px !important;
        font-size: .8rem;
    }

    .rachat_text_container,
    .rachat_form_container{
        width: 50% !important;
    }

    .rachat_form_container input[type="text"]{
        margin-bottom: 10px;
    }

    .rachat_form_container #submit_rachat_form {
        font-size: .9rem;
        width: 100%;
        border-radius: 20px;
    }

    .rachat_form_container .content-column.one_half{
        width: 49% !important;
        /* border: 1px solid; */
        float: none;
        display: inline-block !important;
        margin: 0;
    }

    footer #searchform {
        margin: auto;
        margin-top: 15px;
        width: 90%;
    }

    footer #searchform input[type=text] {
        color: #333333;
        border-radius: 6px;
        padding: 15px 10px 15px 5px !important;
        background: #ffffff !important;
        font-size: 1rem;
    }

    footer #searchform #searchsubmit {
        display: none;
    }

    footer #searchform>div {
        position: relative;
        width: 100%;
        max-width: 100% !important;
    }

    footer #searchform > input[type="text"]{
       width: 80%; 
    }

    footer #searchform > input[type="submit"]{
        width: 20%; 
    }
}

/***29-06-21***/
#custom_footer div.nos_boutiques:last-child{display:none}
#custom_footer div.nos_boutiques:nth-child(6) {
    display: none;
}


.contact-main .flex_column {
  display: inline-block;
  float: none;vertical-align: top;
}
.contact-main .flex_column:nth-child(5) {
  margin-left: 0;
}
.kustom-top-bar .icons-container .icons-title a {
    color: #fff;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
#wp-megamenu-avia > .wpmm-nav-wrap ul.wp-megamenu > li > a{font-family:'Roboto', sans-serif;color:#fff !important;font-weight:500}

.kustom-top-bar-container {
  background-color: #fff;
  display: flex;
  width: 100%;
  flex-wrap: wrap;padding:5px 0;
}
.kustom-top-bar-container .kustom-top-bar {
  padding: 0;
  width: 100%;
  display: flex;
}
.kustom-top-bar-container .kustom-top-bar >div {
  display: flex;
  width: 16%;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: left;
  
  align-items: center;
}
.kustom-top-bar #searchform input[type="text"] {
  border: 2px solid #015d84 !important;
  padding: 9px 12px !important;
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-family: 'Roboto', sans-serif !important;
}
.kustom-top-bar #searchform #searchsubmit:hover {
  background-color: #005d88;
  color: #fff;
}
.kustom-top-bar #searchform #searchsubmit {
    display: block;
    right: 1px;
    border-radius: 0 6px 6px 0;
}

.kustom-top-bar .social-icons-container {
  display: inline-block;
  float: none;margin-top:2px
}
.kustom-top-bar .social-block {
  width: auto !important;
}
.kustom-top-bar .social-block a {
  background: #03cf92;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
}
.kustom-top-bar .social-block a i {
  color: #fff;
  font-size: 18px !important;
}
.kustom-top-bar .social-block a:hover {
  background-color: #005d88;
}

.kustom-top-bar-container .kustom-top-bar .icons-title {
  text-align: left;
  color: #000;
  float: none;
  width: auto;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
  padding-left: 5px;line-height: normal;
}
.kustom-top-bar .icons-container img {
  width: 40px;
}
.kustom-top-bar-container .kustom-top-bar .card-icons-container {
  width: auto;
  margin: 0;
}

.kustom-top-bar-container .kustom-top-bar .icons-container {
  display: flex;
  flex-wrap: nowrap;
}
.kustom-top-bar-container .kustom-top-bar .icons-container span img {
  width: 50px !important;
  float: none;
}
.kustom-top-bar-container .kustom-top-bar .icons-container .icon-details {
  display: inline-block;
  width: 82%;margin-left: 5px;
}
.kustom-top-bar-container .kustom-top-bar .icons-container span {
  width: 18%;
}
.kustom-top-bar-container .kustom-top-bar .icons-container .icon-details .icons-desc {
  color: #005d84;
  width: auto;
  text-align: left;
  float: none;
  padding-left: 5px;
  font-family: 'Roboto',sans-serif !important;
  font-weight: 400;
  line-height: 1.3;
}
.kustom-top-bar-container .kustom-top-bar .icons-title a {
  color: #015d84;
}
.kustom-top-bar #searchform{margin:0 15px !important;display: flex;
align-items: center;}
.kustom-top-bar .card-icons-container img{width:35px;height:auto}

#header_main .wp-megamenu-sub-menu a,#wp-megamenu-avia > .wpmm-nav-wrap ul.wp-megamenu > li ul.wp-megamenu-sub-menu li a {
  padding:5px 10px !important;
  margin: 0 !important;
  font-family: 'Roboto', sans-serif !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 400 !important;text-transform:uppercase !important
}
#header_main .wp-megamenu-sub-menu li {
  padding: 0 !important;
  margin: 0 !important;
}
#wp-megamenu-avia > .wpmm-nav-wrap ul.wp-megamenu > li ul.wp-megamenu-sub-menu li{font-family:'Roboto',sans-serif !important}
#wp-megamenu-avia > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu{border-top:5px solid #0eb995}