#contact {
    padding-top: $menuh;
    @media(max-width: $break) {
      padding-top: $menumobh;
    }
    &_slider_h1 {
        background-image: url(../img/sky_bg.jpg);
        .contact_slider_img {
            position: relative;
            padding-top: 50px;
            img.contact_slider_main_img {
                width: 100%;
                bottom: -4px;
                position: relative;
                z-index: 1;
            }

        }
        .contact_slider_content {
            height: 100%;
            padding: 120px 75px;
            .slide_h1_card {
                h1 {
                    font-size: 46px;
                    color: $blanc;
                    margin-bottom: 18px;
                    margin-top: 0;
                    text-align: left;
                    span {
                      font-size: 18px;
                      line-height: normal;
                    }
                }
            }
            .contact_info_w_icon {
                justify-content: center;
            }
          @media(max-width: $break) {
            padding: 60px 30px;
          }
        }
    }
    &_form {
        .contact_form_container {
            form {
                .col.m5.s12 {
                    >span {
                        color: $noir;
                    }
                }
                
                .myselect {
                    label {
                        color: $noir;
                        font-family: $deffont;
                        font-size: 16px;
                        font-weight: 300;
                        line-height: 31px;
                    }
                    padding-top: 25px;
                    margin-bottom: 30px;

                    input.select-dropdown {
                        border: 1px solid $noir;
                        height: 40px;
                        color: $noir;
                        padding-left: 15px;
                        +ul>li>span {
                            color: $noir;
                        }
                        
                    }
                    svg.caret{
                        fill: $noir;
                    }
                }
                .input-field {
                    &.text-field-container {
                        margin-top: 0;
                        margin-bottom: 0;
                        input {
                            margin-bottom: 0;
                        }
                    }
                    input {
                        &::placeholder {
                            color: $gris;
                        }
                        box-shadow: none;
                        border-color: $gris;
                        border-width: 2px;
                      &:focus,&:active {
                        box-shadow: none;
                        border-color: $gris;
                      }
                    }
                    &.lessmargin {
                        margin-top: 12px;
                    }
                    
                }
                .mytextarea {
                    
                    label {
                        color: $noir;
                        font-family: $deffont;
                        font-size: 16px;
                        font-weight: 300;
                        line-height: 31px;
                        margin-bottom: 10px;
                    }
                    textarea {
                        border: 1px solid $noir;
                        height: 185px;
                    }

                  @media(max-width: $break) {
                    margin-top: 90px;
                  }
                }
                input[type=checkbox] {
                    &:checked {
                      +span {
                        &::before {
                          background-image: $goldengradient;
                          top: 6px;
                          left: 0;
                        }
                      }
                    }
                    +span {
                      margin-top: 20px;
                      color: $noir;
                      font-size: 14px;
                      line-height: 1.2;
                      &::after,&::before {
                        top: 6px;
                        left: 0;
                        width: 14px;
                        height: 14px;
                        border: 1px solid $noir;
                        border-radius: 12px;
                        background:transparent;
                        transform: none;
                      }
                    }
                  }
                  button {
                    display: block;
                    padding: 10px 18px 14px;
                    font-family: $deffont;
                    font-size: 14px;
                    font-weight: 300;
                    text-transform: uppercase;
                    // Text style for "Contact"
                    letter-spacing: 0.7px;
                    line-height: 1.1;
                    height: auto;
                    border-radius: 0;
                    box-shadow: none;
                    border: none;
                    cursor: pointer;
                    background-image: $goldengradient;
                    color: $gris;
                    float: right;
                    margin-top: 18px;
                  }
            }
        }
    }
    
    &_map, &_map_2 {
        background: $goldengradient;
        .contact_map_infos {
            height: 100%;
            padding: 55px 70px;
            .row {
                margin-bottom: 0;
                &:first-child {
                    margin-bottom: 29px;
                }
            }
            .mini_bloc {
                .h5 {
                    font-size: 18px;
                  font-weight: 500;
                }
                p {
                    font-size: 14px;
                    color: $noir;
                }
            }
        }
      .map_img {
        position: relative;
        height: 100%;
        overflow:hidden;
        img {
          width : auto;

          height : 100%;
        }
      }
      @media(max-width: $break) {
        img {
          width: 100%;
        }
      }
    }
}

#tel_assurance {
  border: solid 2px $noir;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}