@font-face {
    font-family: "Montserrat";
    src: url(/v2/assets/font/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MontserratSemiBold";
    src: url(/v2/assets/font/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MontserratMedium";
    src: url(/v2/assets/font/Montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}


#mobilite {
    margin-top: 15px;
    /* font-family: "os-regular", Arial, sans-serif; */
    font-family: 'Montserrat';
    font-size: 16px;
}
#mobilite .title {
    margin-bottom: 10px;
    font-size: 36px;
    /* font-family: 'os-bold', Arial, sans-serif; */
    text-align: center;
}
#mobilite .message {
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    margin: 10px 0 20px 0;
    border: 1px solid;
}
#mobilite .message.success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}
#mobilite .message.error{
    display:none;
    color: #CB9853;
    background-color: #FCF8E3;
    border-color: #fcf8e3;
}

#mobilite .round {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    font-size: 20px;
    color: #6C4DFF;
    border: 1px solid #6C4DFF;
    border-radius: 50%;
}
#mobilite .environnement {
    /* font-family: 'os-bold', 'Open Sans', 'Arial', sans-serif; */
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    text-align: left;
}
#mobilite .new {
    margin-top: 10px;
    text-align:center;
}

/*--------------- gallery------------------------------------ */
#mobilite .slick-initialized .slick-slide {
    display: flex;
}
#mobilite .gallery-item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 30px 0 0;
    height: 413px;
    background-repeat: no-repeat;
}
.gallery-item-inner {
    width: 225px;
    margin-right: 165px;
}
.gallery-item-title {
    /* font-family: 'os-bold', 'Open Sans', 'Arial', sans-serif; */
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    color: #000;
}
.gallery-item-rapide .gallery-item-inner {
    margin-right: 85px;
    margin-top: 164px;
}
.gallery-item-simple {
    background: url("../images/mobile/Visuel-Simple.jpg");
}
.gallery-item-rapide {
    background: url("../images/mobile/Visuel-Rapide.jpg");
}
.gallery-item-intuitif {
    background: url("../images/mobile/Visuel-Intuitif.jpg");
}
.gallery-item-descript {
    padding: 20px 0;
}

.btnBorder {
    border-color: transparent !important;
}
.btnBold {
    font-weight: 600 !important;
}

.slick-dots li button { 
    font-size: 0 !important; 
}

/*-------- Environnement ---------------------------*/

.bloc-info {
    margin:29px 0 60px;
}
.bloc-info_item {
    margin: 0 15px;
}
.bloc-info_link {
    box-sizing: border-box;
    width: 174px;
    height: 46px;
    text-transform: uppercase;
    /* font-family: 'os-bold', 'Open Sans', 'Arial', sans-serif; */
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    border:1px solid #999;
}
.bloc-info_link:hover,
.bloc-info_item.is-selected span {
    color: #fff;
}
.bloc-info li svg{
    margin-right: 15px;
}
.apple_link{
    color: #09c;
}
.android_link {
    color: #7BBA35;
}
.android_link:hover,
.android.is-selected .android_link {
    background: #7BBA35;
    border-color: #7BBA35;
}
.apple_link:hover,
.apple.is-selected .apple_link {
    background: #09c;
    border-color: #09c;
}
.bloc-info_link:hover svg,
.bloc-info_item.is-selected svg {
    fill: #fff;
}
.uniform-title {
    padding-top: 30px;
}


/*------------------ Mail--------------------------------------- */
#mobilite form {
    width: 100%;
    text-align: center;
}
#mobilite form .mail-form {
    margin-top: 20px;
    margin-bottom: 20px;
    background: url("/v2/assets/img/common/fd-tram.png");
    background-size: 142px;
}
.bloc-input {
    position:relative;
    margin-bottom: 135px;
    padding: 20px 0 30px;
}
.input-inline {
    margin-top: 20px;
    margin-bottom: 33px;
}
#mobilite form  .input-text--anim {
    flex: 0 0 307px;
}
.input-text--margin-right {
    margin-right: 13px;
}
.input-text--margin-left {
    margin-left: 13px;
}
.input-text--anim .label-forfocus {
    padding: 0 0 0 20px;
    color: #999;
}