/****************************
* Table des matières :
*
* General
*
* 1.0 Menu layout
*
* 2.0 Blue box
*
* 3.0 Page d'accueil
*
* 4.0 Page repair
*
* 5.0 Page tracking
*   5.1 Page tracking details/results
*
* 6.0 Page price
*
* 7.0 Page ask RMA
*
* 8.0 Page recap rma
*
* 9.0 Page track rma
*
* 10.0 Page rma confirmed
*
* Fin Footer
*   Fin.1 Page contact

* Animation
*****************************/

/* General */

@font-face {
    font-family: "Montserrat";
    src: url("/fonts/Montserrat-Regular.ttf");
  }

:root {

    --bs-font-montserrat: "Montserrat";
  }


html {
    -webkit-font-smoothing: antialiased;
    width: 100%;
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    background-color: #fff;
    box-sizing: border-box;
    /*font: 100%/1.5 weblysleek_uilight, Georgia, serif;*/
    font-family: var(--bs-font-montserrat);
    color: #464a4e;
}

a:hover {
    color: inherit;
}

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.width-auto {
    width: auto !important;
}

.flex-responsive {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

p {
    /*font-family: 'weblysleek_uilight';*/
    font-family: var(--bs-font-montserrat);
    margin-bottom: 0px;
}

[tabindex="0"]:focus {
    outline: 0 !important;
}

/* Form */

input {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #edf0f5;
    color: #333333;
    /* font-family: weblysleek_uilight; */
    font-family: var(--bs-font-montserrat);
    font-size: 1em;
    padding: 0.75em 1em;
}

.form-check-classic [type="radio"]:checked,
.form-check-classic [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-check-classic [type="radio"]:checked + label,
.form-check-classic [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    word-break: break-word;
}

.form-check-classic .logistic-input  [type="radio"]:not(:checked) + label
{
    position: absolute !important;
}

.form-check-classic [type="radio"]:checked + label.form-check-label:before,
.form-check-classic [type="radio"]:not(:checked) + label.form-check-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0,0,0,0.54);
    border-radius: 100%;
    background: #fff;
}

.form-check-classic [type="radio"]:checked + label.form-check-label:before {
    border: 2px solid rgba(45,200,77,0.87);
}

.form-check-classic [type="radio"]:checked + label.form-check-label:after,
.form-check-classic [type="radio"]:not(:checked) + label.form-check-label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: rgba(45,200,77,0.87);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form-check-classic [type="radio"]:not(:checked) + label.form-check-label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.form-check-classic [type="radio"]:checked + label.form-check-label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-check-inline .form-check-checkbox {
    position: relative;
}

[type="date"] {
    background:#fff url(../images/ic_multiple-choice.png) no-repeat 100% 50% !important
}

.is_disabled[type="date"]
{
    background:#e9ecef url(../images/ic_multiple-choice.png) no-repeat 100% 50% !important
}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.input-file-upload {
    position: relative;
    width: 100%;
    margin: auto 0px auto 0px;
}

.input-file-trigger {
    display: block;
    width: 252px;
    padding: 10px 20px;
    background: #7c94af;
    color: #fff;
    font-size: 1em;
    transition: all .4s;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
}

.input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    padding: 10px 0;
    cursor: pointer;
}

textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #edf0f5;
    color: #333333;
    /* font-family: weblysleek_uilight; */
    font-family: var(--bs-font-montserrat);
    height: 10em;
    padding: 1em;
    text-align: left;
    width: 100%;
}

.send-message .form-submit input
{
    width: 184px;
}

.form-submit input {
    display: block;
    background-color: var(--bg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fdfbf9;
    font-weight: 600;
    font-size: 12px;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
    padding: 1em;
    text-align: center;
    text-decoration: none;
    width: 100px;
    border: none;
    margin: auto;
    text-transform: uppercase;
    border: 2px solid transparent;
}

.form-check-inline .form-check-input {
    position: absolute;
    width: auto !important;
}

.form-check-inline {
    margin-right: 3rem;
}

.form-check-label {
    margin-left: 15px;
}

.display {
    display: block !important;
}

.notdisplay {
    display: none !important;
}

.bold {
    font-family: 'webslysleek_uisemibold';
}

.font-weight-bold {
    font-weight: bold;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.not-home {
    padding-top: 1.5em;
}

.bold {
    /*!*font-family: weblysleek_uisemibold;*!*/
    font-family: var(--bs-font-montserrat);
    font-weight: bold;
}

.nlink {
    background: #fff!important;
    color: #2EB8FF!important;
    font-size: unset!important;
    margin-top: 0px!important;
    padding: 0px!important;
    text-align: left!important;
    position: initial!important;
}

.bgwhite {
    background: #fff;
}

.bgblack {
    /*background: #000;*/
   /* background: #fafafa;*/
}

.bgbluegrad {
    /*--- CSS CREATED WITH CSSMATIC ---*/
    background: rgba(17,171,205,1);
    background: -moz-linear-gradient(left, rgba(17,171,205,1) 0%, rgba(11,95,179,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17,171,205,1)), color-stop(100%, rgba(11,95,179,1)));
    background: -webkit-linear-gradient(left, rgba(17,171,205,1) 0%, rgba(11,95,179,1) 100%);
    background: -o-linear-gradient(left, rgba(17,171,205,1) 0%, rgba(11,95,179,1) 100%);
    background: -ms-linear-gradient(left, rgba(17,171,205,1) 0%, rgba(11,95,179,1) 100%);
    background: linear-gradient(to right, rgba(17,171,205,1) 0%, rgba(11,95,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11abcd', endColorstr='#0b5fb3', GradientType=1 );
    /*--- CSS CREATED WITH COLORZILLA ---*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11a9cd+0,0b60b3+100;msm */
    background: #11a9cd; /* Old browsers */
    background: -moz-linear-gradient(left,  #11a9cd 0%, #0b60b3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #11a9cd 0%,#0b60b3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #11a9cd 0%,#0b60b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a9cd', endColorstr='#0b60b3',GradientType=1 ); /* IE6-9 */
}

.bluegreen {
    color: #2dc84d;
}

.row {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.ctr {
    text-align: center;
}

.p.small {
    font-size: 0.8em;
}

h1.tb2 {
    /*color: #fff;*/
    color: #464a4e;
    font-size: 1.75em;
    font-weight: bold;
    /*!*font-family: weblysleek_uisemibold;*!*/
    font-family: var(--bs-font-montserrat);
}

h3 {
    color: #333333;
    /*!* font-family: weblysleek_uisemilight; *!*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.75em;
    font-weight: normal;
    margin-bottom: 0.6em;
}

.circle-on {
    display: block;
    margin:0px;
    width:40px;
    background:#2dc84d;
    height:40px;
    border-radius:20px;
    line-height: 40px;
    text-align: center;
    padding-left: 15px;
    color: white;
    font-weight: bold;
}

.s2title {
    font-size: 2em !important;
}

.s2txt {
    color: #fff;
}

a {
    text-decoration: none;
    border: none;
}

a:hover {
    text-decoration: none;
}

button {
    border: none;
}

@font-face {
    font-family: 'weblysleek_uilight';
    src: url('weblysleekuil-webfont.eot');
    src: url('../fonts/weblysleekuil-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuil-webfont.woff2') format('woff2'),
    url('../fonts/weblysleekuil-webfont.woff') format('woff'),
    url('../fonts/weblysleekuil-webfont.ttf') format('truetype'),
    url('../fonts/weblysleekuil-webfont.svg#weblysleek_uilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weblysleek_uilight_italic';
    src: url('../fonts/weblysleekuili-webfont.eot');
    src: url('../fonts/weblysleekuili-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuili-webfont.woff2') format('woff2'),
    url('../fonts/weblysleekuili-webfont.woff') format('woff'),
    url('../fonts/weblysleekuili-webfont.ttf') format('truetype'),
    url('../fonts/weblysleekuili-webfont.svg#weblysleek_uilight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /*font-family: 'weblysleek_uisemibold';*/
    src: url('../fonts/weblysleekuisb-webfont.eot');
    src: url('../fonts/weblysleekuisb-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuisb-webfont.woff2') format('woff2'),
    url('../fonts/weblysleekuisb-webfont.woff') format('woff'),
    url('../fonts/weblysleekuisb-webfont.ttf') format('truetype'),
    url('../fonts/weblysleekuisb-webfont.svg#weblysleek_uisemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weblysleek_uisemibold_italic';
    src: url('../fonts/weblysleekuisbi-webfont.eot');
    src: url('../fonts/weblysleekuisbi-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuisbi-webfont.woff2') format('woff2'),
    url('../fonts/weblysleekuisbi-webfont.woff') format('woff'),
    url('../fonts/weblysleekuisbi-webfont.ttf') format('truetype'),
    url('../fonts/weblysleekuisbi-webfont.svg#weblysleek_uisemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weblysleek_uisemilight';
    src: url('../fonts/weblysleekuisl-webfont.eot');
    src: url('../fonts/weblysleekuisl-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuisl-webfont.woff2') format('woff2'),
    url('../fonts/weblysleekuisl-webfont.woff') format('woff'),
    url('../fonts/weblysleekuisl-webfont.ttf') format('truetype'),
    url('../fonts/weblysleekuisl-webfont.svg#weblysleek_uisemilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weblysleek_uisemilight_italic';
    src: url('../fonts/weblysleekuisli-webfont.eot');
    src: url('../fonts/weblysleekuisli-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/weblysleekuisli-webfont.woff2') format('woff2'),
    url('../fonts/weblysleekuisli-webfont.woff') format('woff'),
    url('../fonts/weblysleekuisli-webfont.ttf') format('truetype'),
    url('../fonts/weblysleekuisli-webfont.svg#weblysleek_uisemilight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* loader */

.loader-submitform {
    display: none;
    justify-content: center;
    align-items: center;
    width: 210px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-loader {
    border: 6px solid #fff;
    border-radius: 50%;
    border-top: 6px solid #2dc84d;
    width: 38px;
    height: 38px;
    -webkit-animation: spin 1S linear infinite;
    animation: spin 1S linear infinite;
}

.loader-price-container-fluid {
    position: relative;
    padding-top: 100px;
    padding-bottom: 300px;
    display: none;
}

.loader-price {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #2dc84d;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
}

.loader-product-container-fluid {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    display: none;
}

.loader-product {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #2dc84d;
    width: 38px;
    height: 38px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: auto;
}

/*-- 1.0 Menu layout --*/

header {
    box-sizing: border-box;
}

.topnav {
    top: 0;
    left: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-property: background, box-shadow;
    box-sizing: border-box;
    padding: 0 32px;
    min-height: 71fpx;
    background: var(--bg);
}

.topnav a {
    color: #333333;
    /*text-transform: uppercase;*/
    font-size: 16px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    /*!*font-family: weblysleek_uisemibold;*!*/
    font-family: var(--bs-font-montserrat);
}

.logo {
    vertical-align: middle;
    display: flex;
    align-items: center;
    padding: 15px;
}

.logo a {
    vertical-align: middle;
    font-size: 16px;
    text-decoration: none;
}

.logo a img {
    width: 100px;
}

.logo .text-logo {
    margin-left: 15px;
    font-size: 14px;
    /* font-family: 'weblysleek_uilight_italic'; */
    font-family: var(--bs-font-montserrat);
    color: #595959;
}

.space-menu {
    flex-grow: 1;
}

.topnav nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 32px;
    margin-right: 15px;
}

.topnav nav a {
    padding: 0px 16px;
}

.topnav nav a span {
    display: inline-block;
    vertical-align: middle;
    min-height: 24px;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
}

.topnav nav a span.on {
    /*border-bottom: 3px dotted #2dc84d;*/
    border-bottom: 2px solid #000000;
}

.topnav nav a:hover span{
    /*border-bottom: 3px dotted #2dc84d;*/
    border-bottom: 2px solid #000000;
}

.topnav .track {
    display: flex;
    align-items: center;
}

.topnav .track .btn-track {
    color: #fff;
    background: var(--bg);;
    border-radius: 5px;
    font-weight: 600;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
    border: 2px solid transparent;
    font-size: 12px;
    padding: 15px;
}

.topnav .track .btn-track:hover {
    background:#006a38;
}

.icon-responsive {
    display: none;
}

.mobileNav {
    display: none;
}

/*-- 2.0 Blue box --*/

.green-bottom-border {
    /*border-bottom: 5px solid #2dc84d;*/
    border-bottom: 2px solid #fafafa;
    margin: 30px 0px;
}

.red-bottom-border {
    /*border-bottom: 5px solid #2dc84d;*/
    border-bottom: 2px solid #fafafa;
}

.home-teaser-bg {
    /*background: url(../images/MSM_HP-teaser_background-image_wide_01.jpg);*/
    background-color: #fafafa;
}

#diagnose-box {
    /*color: #fff;*/
    padding-top: 5em;
    padding-bottom: 3em;
    text-align: center;
    width: 90%;
    /*margin: auto;*/
}

#diagnose-box h1 {
    line-height: 4rem;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
    margin-top: 0px;
    font-size: 55px;
    font-weight: normal;
    text-transform: none;
}

.tell {
    font-size: 36.8px;
    margin-top: 0em;
}

/* Bluebox page repair */

.send-message #track-box
{
    padding: 50px;
}

#track-box {
    color: #000000;
    padding: 5em 0;
    text-align: center;
    width: 100%;
}

#track-box h1 {
    color: #000000;
    /* font-family: weblysleek_uilight; */
    font-family: var(--bs-font-montserrat);
    font-size: 42px;
    font-weight: normal;
    margin-bottom: 0.5em;
}

#track-box p.wstate {
    color: #000000;
    font-size: 24px;
    margin-bottom: 1em;
}

/**/

#greenbtnhp {
    padding: 4em 0 4em 0;
    width: 100%;
}

#greenbtnhp .greenbig-btn {
    padding: 1em 2em;
}

.greenbig-btn.c {
    float: none;
    clear: both;
    text-align: center;
    padding: 0.8em 4.2em 0.8em 4.2em;
    border-radius: 5px;
}

a.greenbig-btn {
    background: #2dc84d;
    color: #fff;
    font-size: 18px;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 1.4;
    margin-top: 1em;
    padding: 1em 2.5em;
    text-decoration: none;
    text-align: center;
}

.text-paragraph {
    font-size: 16px;
}

.pointer {
    cursor: pointer;
}

.link-sav {
    /*color: #fff;*/
    text-decoration: none;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
    font-size: 18px;
}

.disc {
    font-size: 16px;
    padding-top: 40px;
    margin-bottom: 1.2em;
}

/*-- 3.0 Page d'accueil --*/

/* Home logo sect1ion */

.carousel-control-prev-icon {
    background-image: url('../images/ic_arrow_medium_left_grey.png');
}

.carousel-control-next-icon {
    background-image: url('../images/ic_arrow_medium_right_grey.png');
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.homelogosectionlign2 .carousel-inner {
    width: 80%;
    padding: 16px 0px 16px;
}

/* logo section */

.ddd {
    background: #ddd;
}

.homelogosectionlign1 {
    text-align: center;
    padding-top: 2em;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
    padding-bottom: 1em;
}

.homelogosectionlign2 {
    text-align: center;
}

.hslbtnleft {
    margin-bottom: 3em;
}

.outer-con h2 {
    color: #333;
    /* font-family:weblysleek_uisemibold; */
    font-family: var(--bs-font-montserrat);
    font-size: 3.375em;
    font-weight: normal;
    margin-bottom: 1.5em;
    text-align: center;
    text-transform: none;
}

/* how it works - page d'accueil */
#testapp {
    background-color: #fff;
    padding-top: 1.5em;
}

#howitworks {
    margin: 0px auto;
    width: 90%;
}

.hbbooking {
    text-align: center;
    min-height: 12em;
}

.hiwblocks img, .hiwblocks.m {
    max-width: 100%;
}

.hpcontent {
    padding: 10px;
    margin: auto;
    text-align: justify;
    min-height: 9em;
}

.hiwblocks p {
    font-size: 1.2em;
    margin-bottom: 0;
}

.hpcontent .bold {
    margin-bottom: 0;
}

.hiwblocks a {
    display: block;
    background-color: #2dc84d;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

.hiwblocks a.g {
    display: block;
    background-color: #2dc84d;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
}

.scroll-arrow-box {
    padding: 4em 0 4em 0;
    text-align: center;
    width: 100%;
}

/*Section 2 Qualitée assurée*/

#section2 {
    padding-top: 3em;
}

#section2 h2 {
    color: #fff;
}

.hbsection2 {
    min-height: 9em;
}

/* section 3 */

#section3 {
    padding-top: 3em;
    background: #fff;
}

.hpleft h3, .hpright h3 {
    color: #214874;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
    font-size: 2em;
}

.hpleft p, .hpright p {
    font-size: 1.3em;
    line-height: 1.2;
    margin-bottom: 1em;
}

.hpleft img, .hpright img {
    max-width: 100%;
}

.hpleft .small, .hpright .small {
    font-size: 0.8em;
}

.hpleft a, .hpright a {
    display: block;
    background-color: #2dc84d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
    margin-top: 2em;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    width: 220px;
    text-transform: uppercase;
}

.hpright img {
    width: 100%;
    height: auto;
}

/*Section 4*/

#section4 {
    padding-top: 3em;
}

#section4 h2 {
    color: #fff;
}

.s4titleleft {
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
}

.s4box {
    width: 27.2em;
    height: 450px;
    padding: 55px;
    background: #f8f8f8;
    border-radius: 25px;
    position: absolute;
    margin-left: 2em;
    box-shadow: 8px 8px 12px rgba(0,0,0,0.5);
}

.s4lefttxt {
    font-size: 1.3em;
    color: #fff;
}

.s4leftnb {
    font-size: 5em;
}

.s4boxtext {
    font-size: 2.1em !important;
    /*!* font-family: weblysleek_uisemibold; *!*/
    font-family: var(--bs-font-montserrat);
}

#ppb-s4 {
    width: 100%;
    padding-bottom: 1.2em;
}

#ppb-s4 .ppb-s4 {
    background: #fff url(../images/drop-down-icon.png) no-repeat scroll 96% 50%;
    border: 1px solid #ebeef3;
    border-radius: 3px;
    height: 50px;
    margin-top: 0em;
    overflow: hidden;
    padding-top: 10px;
    width: 100%;
}

.ppb-s4 select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #333333;
    float: left;
    /*font-family: weblysleek_uilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.1em;
    padding: 0px 8px;
    width: 120%;
}

.input_with_loader.loading {
    background: url(http://www.xiconeditor.com/image/icons/loading.gif) no-repeat right center;
}

.ppb-s4 select:focus {
    outline: 0 !important;
}

.form-home-select-submit {
    padding-top: 3em;
}

.form-home-select-submit input{
    display: block;
    background-color: #2dc84d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    width: 220px;
    border: none;
    margin:auto;
    text-transform: uppercase;
}

/*-- 4.0 Page repair --*/

#dias {
    margin: 2.6em auto;
    position: relative;
    margin-bottom: 5em;
    width: 50%;
}

#dias img {
    float: left;
    margin-top: 0.8em;
}

#ppb-s4.repair-manufacturer {
    padding-top: 0.6em;
    padding-left: 3em;
    float: none;
}

#ppb-s4.repair-manufacturer .ppb-s4 {
    padding-top: 0px;
    padding-bottom: 10px;
}

#ppb-s4.repair-manufacturer .ppb-s4 select{
    padding-top: 10px;
    padding-bottom: 10px;
}

/*-- 5.0 Page tracking --*/

.track-input-list {
    margin: 0px auto;
    list-style-type: none;
    padding-top: 2em;
    width: 400px;
}
.send-message .tracking-dflex
{
    width: auto;
}

.tracking-dflex {
    
    align-items: center;
    justify-content: center;
    width: 500px;
    margin: auto;
}

.tracking-dflex input {
    width: 100%;
}

.tracking-dflex label {
    padding-right: 10px;
    margin-bottom: 0;
    color: #333;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
}

.hbtracking {
    min-height: 0px !important;
}

.hptracking {
    min-height: 13.1em;
}

/* 5.1 Page tracking details/results */

.model-infos-inner {
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    padding: 25px;
}

.model-img-details {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.model-img {
    width: 108px;
    height: auto;
    margin-right: 15px;
}

.model-img img {
    width: 100%;
    height: auto;
}

.model_title {
    color: #333333;
    /*float: left;*/
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.5em;
    line-height: 1.2;
    margin: 0em 0 1em;
    text-transform: uppercase;
}

.tracking-rma-type {
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1em;
    line-height: 1.2;
}

.tracking-rma-type img {
    width: 42px;
    height: 42px;
}

.model-reference, .model-imei, .other_booking, .tickts_bloc {
    border: 1px solid #e0e6ef;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 0.8em;
    padding: 16px 12px;
    text-transform: uppercase;
}

.tickts_bloc .button {
    display: block;
    width: 250px;
    text-align: center;
    background: #2EB8FF;
    color: #fff;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    padding: 12px;
    border-radius: 4px;
    margin-top: 20px;
}

.infos-tracking h2 {
    color: #333333;
    font-size: 1.3em;
    font-weight: normal;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    text-transform: uppercase;
}

.infos-tracking h2 small {
    color: #989898;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 0.45em;
    margin-left: 1em;
    text-transform: lowercase;
}

.tracking-follow {
    margin-top: 48px;
}

.tracking-step {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.tracking-step-inline {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0px 15px;
    position: relative;
}

.tracking-step .tracking-step-inline img {
    position: absolute;
    right: 0px;
    z-index: 50;
}

.tracking-step-visual {
    position: absolute;
    left: -2px;
    width: 100%;
    height: 16px;
}

.first-image-step {
    position: relative;
    z-index: 50;
}

.green-step {
    background: #2dc84d !important;
}

.grey-step {
    background: #f1f1f1;
}

.step-case-description {
    position: absolute;
    top: 30px;
    width: 115px;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    font-size: 0.875em;
    line-height: 1.4;
    padding: 0.1em 0em;
    text-align: center;
    border: 4px solid #2dc84d;
    border-radius: 10px;
}

/*-- Fin Footer --*/

/*-- Footer --*/

footer {
    margin-top: 40px;
}

footer .footer-inner {
    background: var(--bg);
    padding: 32px 48px;
}

.footer-dflex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .link-bell {
    margin-bottom: 5px;
}

footer .link-bell a {
    padding: 0px 4px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    color: #555555;
}

footer .link-bell .first_link-bell {
    margin-bottom: 5px;
}

footer .copyright-bell small {
    color: #ccc;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
}

footer .text-right {
    text-align: right;
}

footer .button-faq {
    display: inline-block;
    color: #003778;
    font-family: Arial;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    border: 2px solid #003778;
    border-radius: 20px;
    padding: 8px 24px;
    font-weight: 600;
    margin-right: 30px;
}

footer .button-faq:hover {
    text-decoration: none;
}

footer .d-flex_icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

footer .d-flex_icons .icons-footer {
    margin-right: 10px;
}

footer .d-flex_icons .icons-footer:last-child {
    margin-right: 0;
}

footer .d-flex_icons .icons-footer a:hover {
    text-decoration: none;
}

/* Version mobile */

footer .footer-inner-mobile {
    display: none;
    background: #f4f4f4;
    padding: 32px 12px;
}

.social-network__icons-wrapper {
    margin-top: 30px;
}

footer .footer-inner-mobile .links-bell__wrapper {
    margin-top: 30px;
}

footer .footer-inner-mobile .links-bell__wrapper a {
    color: #555555;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
}

footer .footer-inner-mobile .links-bell__wrapper a:hover {
    color: #003778;
    text-decoration: none;
}

.copyright-footer__wrapper {
    color: #555555;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
    margin-top: 10px;
}

#foot-left {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    margin-top: 8px;
}

#foot-left a, #foot-right a {
    font-size: 0.9em;
    margin-top: 0.2em;
    color: #214874;
}

#foot-left img {
    margin-right: 0.5em;
}

#foot-left ul {
    margin-top: 0.3em;
    list-style-type: none;
    margin-left: 1em;
}

#foot-left ul li {
    display: inline-block;
    font-size: 0.9em;
    margin: 0px;
    padding: 0 0.2em;
}

#foot-left ul li a {
    color: #214874;
    margin: 0px;
    padding: 0;
}

#foot-right {
    text-align: right;
}

#foot-right img {
    margin-left: 0.5em;
}

.languages-block {
    display: block;
    position: absolute;
}

.display-languages {
    position: relative;
    cursor: pointer;
}

.languages-block {
    display: none;
    position: absolute;
    width: 200px;
    top: -50px;
    right: 0px;
    background: #fff;
    padding: 20px;
    box-shadow: 8px 8px 12px rgba(0,0,0,0.5);
    border-radius: 5px;
}

.languages-block a {
    display: block !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
}

.languages-block img{
    width: 24px;
    height: 24px;
    margin-right: 5px !important;
}

.languages-block .close-languages {
    opacity: 0.5;
    position: absolute;
    top: 15px;
    right: 15px;
}

.languages-block .close-languages img {
    width: 18px;
    height: 18px;
}

.display-languages {
    color: #214874;
}

.languages {
    position: relative;
}

/* footer modal */

.modal-foot .close {
    opacity: 0.5;
    position: absolute;
    top: 15px;
    right: 15px;
}

.body-footer {
    padding: 3.5rem;
}

.body-footer h1 {
    color: #333;
    font-size: 2.6em;
    margin-bottom: 1.5em;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
}

.popinscroll {
    overflow: auto;
    max-height: 330px;
}

.popinscroll p {
    margin-bottom: 0;
}

.privacy p {
    margin-bottom: 0;
}

/*-- 6.0 Page price --*/

.price-guaranty {
    padding-bottom: 0.25em !important;
}

.intro-text {
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.125em;
    margin-bottom: 2em;
}

#byr-list {
    border-top: 1px solid #dee4ea;
    list-style-type: none;
    width: 100%;
}

.byr-acc-sec {
    border-bottom: 1px solid #d7dde4;
    padding: 1.5em 0;
    width: 100%;
}

.byr-details {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d7dde4;
    padding: 3em 0 1em;
    width: 100%;
}

.price-dflex label {
    width: 32%;
}

.price-submit-howmuch {
    margin-left: auto !important;
    margin-right: 20px !important;
}

.loader-view {
    display: none;
    width: 56px;
    height: 56px;
    margin-top: 16px;
    margin-right: 82px;
    float: right;
}

.price-error {
    display: none;
    color: red;
    font-weight: bold;
}

#paob {
    padding: 0 5%;
    width: 100%;
}

#paob-listing {
    padding: 0 5%;
    width: 100%;
}

.qtit {
    display: block;
    color: #333333;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.25em;
}

.byr-s-type:first-child {
    margin-top: 0px;
}

.byr-s-type {
    background-color: #fff;
    border: solid 1px #edf0f5;
    border-radius: 13px;
    padding: 0 1%;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
}

.byr-s-type:last-child {
    margin-bottom: 30px;
}

.byr-s-type .byr-s-icon {
    padding: 0;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.byr-s-price {
    position: relative;
    color: #333333;
    float: right;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.25em;
    padding: 12px 0;
}

.byr-s-type.or {
    background-color: #e0e6ef;
    border: solid 1px #ccd5de;
}

.qtit-price {
    display: contents;
    color: #333333;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1em;
    margin-bottom: 10px;
}

.byr-s-listing {
    margin-bottom: 0 !important;
}

.byr-s-listing:first-child {
    margin-bottom: 10px !important;
}

.price-model-name {
    font-family: 'weblysleek_uisemibold', arial;
    font-family: var(--bs-font-montserrat);
}

.paob-withmargin {
    margin-top: 15px;
}

.result-price-empty {
    display: none;
    color: red;
    font-weight: bold;
    text-align: right;
}

.price-answer {
    display: none;
}

.list-document-proof {
padding: 20px;
}

/*-- 7.0 Page ask RMA --*/

.width-product-form {
    width: 60%;
    text-align: left;

}

.accordion-form {
    word-break: break-all;
}

#first-step-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    padding: 1.5em 0;
    width: 100%;
    text-align-last: left;
    border-top: 1px solid #dee4ea;
}

.accordion-form-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    padding: 1.5em 0;
    width: 100%;
    text-align-last: left;
    border-bottom: 1px solid #dee4ea;
}

.accordion-form-button:disabled {
    filter: grayscale(100%) opacity(.2);
}

.accordion-form-button:hover {
    outline: 0;
}

.accordion-form-button h2 {
    margin-left: 0.7em;
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 1.3em;
    color: #333333;
    font-weight: normal;
    /*font-family: 'weblysleek_uisemibold';*/
    font-family: var(--bs-font-montserrat);
    white-space: nowrap;
}

.accordion-button-step {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.accordion-form-arrow {
    margin: 0.5em 1em 0 0;
}

.accordion-form-button:disabled .accordion-form-arrow {
    display: none;
}

.accordion-panel {
    height: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.25s ease;
}

.accordion-panel.open {
    height: 100%;
    background-color: #f7f7f7;
    padding: 3em 8em 1em 4em;
    height: 100%;
    transform: scaleY(1);
}

.byr-s-label {
    font-size: 1em;
    text-align: left;
    padding: 0.5em 2% 0 0;
    width: 30%;
    color: #333333;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    word-break: break-word;
}

.proof-buy-text-input {
    width: 100%;
}

.input-file-upload .list-document-proof img {
    padding-left: 10px;
    cursor: pointer;
}

.state-mobile-question {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #d7dde4;
    padding: 1em 0;
}

.state-mobile-question:first-child {
    padding: 0.5em 0 1em;
}

.form-check-button {
    margin-right: -3px;
}

.form-check-button input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.form-check-button label {
    display: inline-block;
    background-color: #eaeaea;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #808080;
    padding: 13px 22px 13px 22px;
    outline: none;
    margin-left: 0;
    margin-right: 0;
    border-radius: 8px 0 0 8px;
    cursor: pointer;
}

.form-check-right label{
    border-radius: 0 8px 8px 0 !important;
}

.form-check-button input[type="radio"]:checked + label {
    background-color: #2dc84d;
    color: #FFF;
}

.form-check-button input[type="radio"]:focus + label {
    background-color: #2dc84d;
    color: #FFF;
}

.state-mobile-question p {
    width: 65%;
    margin-bottom: 0;
    word-break: break-word;
}

.rmaform-mt {
    margin-top: 1.5em;
}

.info-bulle-button {
    position: absolute;
    right: 25px;
}

#info-bulle-button-delivery-option.info-bulle-button
{
    position: absolute;
    left: 333px;
    top: -49px;
    right: inherit;
}

#info-bulle-button-sendingback-option.info-bulle-button
{
    position: absolute;
    left: 333px;
    top: -49px;
    right: inherit;
}

.info-bulle-imei {
    position: relative;
    background-color: #ffe9cc;
    border: 2px solid #fdc98e;
    color: #000000;
    margin-top: 1em;
    padding: 10px 12px;
    word-break: normal;
    display: none;
    border-radius: 0.25rem;
}

.info-bulle-imei:after, .info-bulle-imei:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.info-bulle-imei:after {
    border-color: rgba(255, 233, 204, 0);
    border-bottom-color: #ffe9cc;
    border-width: 6px;
    margin-left: -6px;
}

.info-bulle-imei:before {
    border-color: rgba(253, 201, 142, 0);
    border-bottom-color: #fdc98e;
    border-width: 9px;
    margin-left: -9px;
}

.info-bulle-imei p {
    margin-bottom: 0;
    margin-left: 8px;
    text-align: left;
}


.info-bulle-phone-number {
    position: relative;
    background-color: #ffe9cc;
    border: 2px solid #fdc98e;
    color: #000000;
    margin-top: 1em;
    padding: 10px 12px;
    word-break: normal;
    display: none;
    border-radius: 0.25rem;
}

.info-bulle-phone-number:after, .info-bulle-phone-number:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.info-bulle-phone-number:after {
    border-color: rgba(255, 233, 204, 0);
    border-bottom-color: #ffe9cc;
    border-width: 6px;
    margin-left: -6px;
}

.info-bulle-phone-number:before {
    border-color: rgba(253, 201, 142, 0);
    border-bottom-color: #fdc98e;
    border-width: 9px;
    margin-left: -9px;
}

.info-bulle-phone-number p {
    margin-bottom: 0;
    margin-left: 8px;
    text-align: left;
}
.info-bulle-delivery-option {
    position: relative;
    background-color: #ffe9cc;
    border: 2px solid #fdc98e;
    color: #000000;
    margin-top: 1em;
    padding: 10px 12px;
    word-break: normal;
    display: none;
    border-radius: 0.25rem;
}

.info-bulle-delivery-option:after, .info-bulle-delivery-option:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.info-bulle-delivery-option:after {
    border-color: rgba(255, 233, 204, 0);
    border-bottom-color: #ffe9cc;
    border-width: 6px;
    margin-left: -6px;
}

.info-bulle-delivery-option:before {
    border-color: rgba(253, 201, 142, 0);
    border-bottom-color: #fdc98e;
    border-width: 9px;
    margin-left: -9px;
}

.info-bulle-delivery-option p {
    margin-bottom: 0;
    margin-left: 8px;
    text-align: left;
}

.info-bulle-button:hover .info-bulle-delivery-option {
    display: block;
}

.info-bulle-sendingback-option {
    position: relative;
    background-color: #ffe9cc;
    border: 2px solid #fdc98e;
    color: #000000;
    margin-top: 1em;
    padding: 10px 12px;
    word-break: normal;
    display: none;
    border-radius: 0.25rem;
}

.info-bulle-sendingback-option:after, .info-bulle-sendingback-option:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.info-bulle-sendingback-option:after {
    border-color: rgba(255, 233, 204, 0);
    border-bottom-color: #ffe9cc;
    border-width: 6px;
    margin-left: -6px;
}

.info-bulle-sendingback-option:before {
    border-color: rgba(253, 201, 142, 0);
    border-bottom-color: #fdc98e;
    border-width: 9px;
    margin-left: -9px;
}

.info-bulle-sendingback-option p {
    margin-bottom: 0;
    margin-left: 8px;
    text-align: left;
}

.info-bulle-button:hover .info-bulle-sendingback-option {
    display: block;
}

.info-bulle-button:hover .info-bulle-imei {
    display: block;
}


.info-bulle-proof-buy {
    position: relative;
    background-color: #ffe9cc;
    border: 2px solid #fdc98e;
    color: #000000;
    margin-top: 1em;
    padding: 10px 12px;
    word-break: normal;
    display: none;
    border-radius: 0.25rem;
}

.info-bulle-proof-buy:after, .info-bulle-proof-buy:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.info-bulle-proof-buy:after {
    border-color: rgba(255, 233, 204, 0);
    border-bottom-color: #ffe9cc;
    border-width: 6px;
    margin-left: -6px;
}

.info-bulle-proof-buy:before {
    border-color: rgba(253, 201, 142, 0);
    border-bottom-color: #fdc98e;
    border-width: 9px;
    margin-left: -9px;
}

.info-bulle-proof-buy p {
    margin-bottom: 0;
    margin-left: 8px;
    text-align: left;
}

.info-bulle-button:hover .info-bulle-proof-buy {
    display: block;
}

.form-ramform-btn-continue {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
#confirmRmaRecap.disabled{
	
    pointer-events: none;
    cursor: not-allowed;
    background-color: rgb(229, 229, 229) !important;

}
.form-ramform-btn-continue input[type="submit"]{
    cursor: pointer;
    display: block;
    width: 210px;
    background-color: #2dc84d;
    color: white;
    font-size: 1.25em;
    /*font-family: 'weblysleek_uisemibold';*/
    font-family: var(--bs-font-montserrat);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 1.4;
    margin-top: 1em;
    padding: 1em 2.5em;
    text-decoration: none;
    text-align: center;
}

.imei-valid-device {
    display: none;
}

.box-error {
    position: relative;
    display: none;
    margin-top: 10px;
    word-break: break-word;
}

.box-error:after, .box-error:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.box-error:after {
    border-color: rgba(255, 233, 204, 0);
    border-bottom-color: #f9d6d5;
    border-width: 6px;
    margin-left: -6px;
}

.box-error:before {
    border-color: rgba(253, 201, 142, 0);
    border-bottom-color: #f7c6c5;
    border-width: 7px;
    margin-left: -7px;
}

#imei-form {
    display: flex;
}

#serial-number-form {
    display: none;
}

.infobulle-button {
    position: absolute;
    right: 0px;
    top: 8px;
}

.info-bulle {
    position: relative;
    background-color: #ffe9cc;
    border: 2px solid #fdc98e;
    color: #000000;
    margin-top: 1em;
    padding: 10px 12px;
    word-break: normal;
    display: none;
    border-radius: 0.25rem;
}

.info-bulle:after, .info-bulle:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.info-bulle:after {
    border-color: rgba(255, 233, 204, 0);
    border-bottom-color: #ffe9cc;
    border-width: 6px;
    margin-left: -6px;
}

.info-bulle:before {
    border-color: rgba(253, 201, 142, 0);
    border-bottom-color: #fdc98e;
    border-width: 9px;
    margin-left: -9px;
}

.product-explain {
    font-size: 0.9em;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    margin: 1em 0;
    word-break: break-word;
}

#address1 {
    margin-bottom: 1rem;
}

.product-form-title {
    word-break: break-word;
    text-align: left;
}

.edit-step {
    display: none;
}

.logistic-list {
    margin: 30px 0;
}
.btn-download {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    margin-top: 1em;
    padding: 0.7em 1.6em;
    background: #2dc84d;
    text-align: center;
}
.logistic-item {
    position: relative;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #7a91ac;
    min-height: 18em;
    padding-left: 5px;
    padding-right: 5px;
}

.logistic-inner {
    position: relative;
    display: block;
    width: 100%;
    background-color: #e0e6ef;
    min-height: 18em;
    padding: 10px;
}

.logistic-input [type=radio], .logistic-input input[type=checkbox] {
    display: none;
}

.logistic-input input[type=radio] + label {
    position: absolute;
    background: url(../images/img_checkbox_off.png) no-repeat;
    height: 54px;
    margin: 1em 0 2em 0;
    width: 54px;
    display: inline-block;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.logistic-input input[type=radio]:checked + label {
    position: absolute;
    background: url(../images/img_checkbox_on.png) no-repeat;
    height: 54px;
    margin: 1em 0 2em 0;
    width: 54px;
    display: inline-block;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.logistic-inner-border {
    border: 3px solid #2EB8FF;
}

.logistic-name {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.logistic-name img {
    width: 60px;
    height: 60px;
}

.logistic-name h5 {
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1em;
    line-height: 1.2;
    margin: 0.5em 0 1em 0;
    text-transform: uppercase;
    word-break: break-word;
}

.logistic-text p {
    text-align: center;
    word-break: break-word;
}

.sending-back-other img {
    width: 30px;
    height: auto;
}

.choose-other-address {
    display: none;
}

.button-validation-step {
    display: block;
    width: 210px;
    background-color: #2dc84d;
    color: white;
    font-size: 1.25em;
    /*font-family: 'weblysleek_uisemibold';*/
    font-family: var(--bs-font-montserrat);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 1.4;
    margin-top: 1em;
    padding: 1em 2.5em;
    text-decoration: none;
    text-align: center;
    border: none;
    cursor: pointer;
}

#new-address1 {
    margin-bottom: 10px;
}

/*-- 8.0 Page recap rma --*/

.infos-rma-card {
    margin-bottom: 20px;
}

.infos-rma-inner {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    border: 1px solid #d8d8d8;
    min-height: 359px;
    border-radius: 4px;
}

.infos-rma-text h2 {
    margin-bottom: 30px;
}

.infos-rma-text p{
    font-size: 16px;
    margin-bottom: 0;
}

.infos-rma-text p strong{
    font-size: 16px;
}

.warranty {
    margin-bottom: 20px !important;
}

.warranty-off {
    color: #ff5400;
}

.warranty-on {
    color: #2dc84d;
}

.instructions-container {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 20px 40px;
    margin-top: 40px;
}

.instructions-container h3 {
    margin-bottom: 40px;
}

.rma-instructions-corpus {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    font-family: ''
}

.rma-instructions-corpus img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.small-instructions small{
    font-size: 14px;
}

.imitation-mobile {
    background: #7a91ac;
    border-radius: 50px;
    color: #fff;
    margin-bottom: 20px;
}

.form-instructions-validation {
    margin-top: 40px;
}

.checkbox-rma-form {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.checkbox-rma-form input[type=checkbox] {
    display: none;
    margin-right: 10px;
}

.checkbox-rma-form input[type=checkbox]:not(:checked)+label {
    position: relative;
    background: url(../images/img_checkbox_off.png) no-repeat;
    height: 54px;
    margin: 1em 15px 2em 0;
    width: 64px;
}

.checkbox-rma-form input[type=checkbox]:checked+label {
    position: relative;
    background: url(../images/img_checkbox_on.png) no-repeat;
    height: 54px;
    margin: 1em 15px 2em 0;
    width: 64px;
}

.recap-devis-container {
    padding: 30px;
    margin-top: 30px;
    border: 1px solid #d8d8d8;
}

.services-choosen {
    font-size: 18px;
}

.ask-repair-devis {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0px;
    font-size: 22px;
    font-family: 'weblysleek_uilight';
    font-family: var(--bs-font-montserrat);
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.delivery-devis {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0px;
    font-size: 22px;
    font-family: 'weblysleek_uilight';
    font-family: var(--bs-font-montserrat);
    border-bottom: 1px solid #d8d8d8;
}

.delivery-devis p, .ask-repair-devis p {
    margin-bottom: 0;
}

.total-devis {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 30px 0px 0px;
    font-size: 24px;
}

.total-devis .text-total-devis {
    margin-right: 40px;
}

.total-devis .big-total {
    font-size: 32px;
}

.amount-to-pay {
    font-size: 18px;
    /*font-family: 'weblysleek_uisemibold';*/
    font-family: var(--bs-font-montserrat);
}

.accept-cgu {
    background: #f0f0f0;
    padding: 30px;
    margin-bottom: 15px;
}

/*-- 9.0 Page tracking rma --*/

/* Error handling */

.booking-error-container {
    min-height: 200px;
}

.booking-error-inner {
    background: #edf0f5;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 20px;
}

/* 9.1 Page quote */

.total-devis-quote {
    display: block;
    padding: 30px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.total-devis-quote .ht_quote, .total-devis-quote .taxes_quote, .total-devis-quote .total_quote {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-size: 18px;
}

.total-devis-quote .ht_quote .text-ht-quote,
.total-devis-quote .taxes_quote .text-taxes-quote,
.total-devis-quote .total_quote .text-total-devis {
    margin-right: 5em;
}

.total-devis-quote p {
    margin-bottom: 10px;
}

.total-devis-quote .total_quote {
    margin-top: 10px;
}

.total-devis-quote .total_quote .text-total-devis .big-total {
    font-size: 32px;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
}

.total-devis-quote .total_quote .big-price {
    font-size: 32px;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
}

.quote-state__chosen {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

.quote-state_link-block {
    margin-top: 30px;
}

.quote-state_link-block .quote-state_intro-link {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: center;
}

.quote-state_link-block .quote-state__return-link {
    width: 350px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #2dc84d;
    padding: 8px 12px;
    border-radius: 4px;
}

.card__quotation-recap {
    background: #fff;
    border-radius: 4px;
    padding: 28px 50px;
    border: 1px solid #DEDDE1;
}

.card__quotation-recap table {
    width: 50%;
}

.reason-quotation {
    margin-top: 40px;
}

.choice-quotation {
    margin-top: 44px; 
}

.choice-quotation .title-block {
    color: #333333;
    font-size: 1.3em;
    font-weight: normal;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    text-transform: uppercase;
    margin-bottom: 44px;
}

.price-final-checkbox__quotation-choice {
    margin-top: 15px;
}

.price-final-checkbox__quotation-choice input {
    width: 16px;
    height: 16px;
}

.quote-form-submit {
    text-align: right;
}

.quote-form-submit button {
    background: #2dc84d;
    font-size: 1.25em;
    color: #fff;
    /*font-family: 'weblysleek_uisemibold';*/
    font-family: var(--bs-font-montserrat);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 1em;
    padding: 1em 2.5em;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}


.devis-quote {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

/* Form input */

.form-choice__quotation .custom-control-input {
    display: none;
}

.form-choice__quotation .custom-control-label.notchecked {
    color: #7a91ac;
    background: #e0e6ef;
    border: 4px solid transparent;
    min-height: 163px;
}

.form-choice__quotation .custom-control-label {
    position: relative;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    width: 100%;
    padding: 22px 18px;
    cursor: pointer;
    background: #fff;
    margin-bottom: 15px;
    color: #333333;
    border: 1px solid #d8d8d8;
    min-height: 163px;
}

.form-choice__quotation .custom-label-row {
    align-items: center;
}

.form-choice__quotation .custom-control-label .title-price__choice-quotation {
    font-size: 13px;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    display: block;
    text-align: left;
    margin-bottom: 9px;
    min-height: 0px;
}

.form-choice__quotation .custom-control-label span {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: left;
    min-height: 42px;
}

.form-choice__quotation .custom-control-label .quotation-price {
    font-size: 22px;
    margin-top: 10px;
    min-height: 0px;
    text-align: right;
}

.form-choice__quotation .custom-control-label.blue .quotation-price {
    color: #fff;
}

.form-choice__quotation .custom-control-label::before, .custom-control-label::after {
    display: none !important;
}

.form-choice__quotation .custom-control-label .checkbox-textes {
    width: 80%;
    padding-left: 15px;
}

.form-choice__quotation .custom-control-label .checkbox-div {
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 4px;
}


.form-choice__quotation .custom-control-input:checked ~ .custom-control-label .checkbox-div {
    width: 32px;
    height: 32px;
    background: url(../images/ic_check_green.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #d8d8d8;
}

.form-choice__quotation .price-final-texte__quotation-choice {
    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 60px;
}

.form-choice__quotation .price-final-recap__quotation-choice {
    display: none;
    margin-top: 56px;
}

.form-choice__quotation .price-final-recap__quotation-choice h1 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 34px;
}

.payment-disp {
    display: none;
    margin-top: 9px;
    font-size: 12px;
    color: #333333;
}

/*-- 10.0 Page rma confirmed --*/

.white-and-grey-box {
    margin-top: 2em;
    border: 1px solid #d8d8d8;
    width: 100%;
    padding: 40px 32px 0px;
}

.rma-confirmed h2 {
    color: #333;
    font-size: 1.75em;
    font-weight: normal;
    line-height: 1.3;
    text-transform: none;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
}

.rma-confirmed h2 span {
    color: #2dc84d;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
}

.rma-confirmed p {
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.125em;
    margin-top: 1.3em;
}

.step {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 40px 15px;
}

.step .img-step {
    width: 45px;
    height: 45px;
    margin-right: 16px;
}

.step .img-step img {
    width: 45px;
    height: 45px;
}

.step .explain-step h2 {
    color: #333333;
    font-size: 1.3em;
    font-weight: normal;
    /*font-family: 'weblysleek_uisemibold';*/
    font-family: var(--bs-font-montserrat);
}

.step .explain-step p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.step .explain-step .btn-download {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    margin-top: 1em;
    padding: 0.7em 1.6em;
    background: #2dc84d;
    text-align: center;
}

.step .explain-step .btn-download:hover {
    background: #2dc84d;
    color: white;
    text-decoration: none;
}

.rma-consignes {
    margin-top: 2em;
}

.rma-consignes h3 {
    color: #333333;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 2em;
    font-weight: normal;
}

.rma-consignes p {
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.125em;
}

.rma-consignes .grey-box {
    background-color: #f7f7f7;
    margin-top: 2em;
    padding: 2.5em 4%;
}

.rma-consignes ul {
    margin: 0 0;
}

.rma-consignes ul li {
    background: rgba(0, 0, 0, 0) url(../images/big-green-tick.png) no-repeat scroll left top;
    font-size: 1.1em;
    list-style-type: none;
    padding: 0 0 0.5em 3em;
}

.grey-box {
    background-color: #f7f7f7;
    margin-top: 7em;
    padding: 2em 4%;
}

.answer-quote button {
    display: block;
    width: 250px;
    text-align: center;
    background: #2EB8FF;
    color: #fff;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    padding: 12px;
    border-radius: 4px;
    margin-top: 20px;
}

.document-tracking .button {
    display: block;
    width: 317px;
    text-align: center;
    background: #2EB8FF;
    color: #fff;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    padding: 12px;
    border-radius: 4px;
    margin-top: 20px;
}

.document-tracking .update_document {
    display: block;
    width: 250px;
    text-align: center;
    background: #2EB8FF;
    color: #fff;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
    padding: 12px;
    border-radius: 4px;
    margin-top: 20px;
}

.document-tracking .actions {
    display: flex;
    justify-content: space-between;
}


.document-tracking h3 {
    color: #333333;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 1.55em;
    font-weight: normal;
    margin-bottom: 0.6em;
}

.history-tracking {
    margin-top: 100px;
}

.history-tracking h2 {
    color: #333333;
    font-size: 1.3em;
    font-weight: normal;
    /*font-family: 'weblysleek_uisemibold';*/
    font-family: var(--bs-font-montserrat);
    text-transform: uppercase;
    margin-bottom: 30px;
}

.history-inner {
    border: 1px solid #f1f1f1;
}

.history-tracking-description {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.history-tracking-date {
    text-align: center;
    padding: 10px 15px;
    width: 20%;
    border-right: 1px solid #f1f1f1;
}

.history-tracking-day {
    color: #333333;
    /*font-family: weblysleek_uisemilight;*/
    font-family: var(--bs-font-montserrat);
    font-size: 2.5em;
    line-height: 1.2;
}

.history-tracking-datetime {
    color: #214874;
    font-size: 0.875em;
}

.history-tracking-text {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.history-tracking-text span {
    margin-left: 62px;
}

/* Fin.1 Page contact */

.contact-form .form-group {
    margin-bottom: 0;
}

#main-form .form-group {
    margin-bottom: 1rem;
}

.contact-form p {
    margin-bottom: 30px;
    font-size: 1.2em;
}

.form-dflex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.form-dflex label {
    width: 295px;
    padding-right: 10px;
    margin-bottom: 0;
    color: #333;
    /*font-family: weblysleek_uisemibold;*/
    font-family: var(--bs-font-montserrat);
}

.question-about {
    background: #f0f0f0;
    padding: 30px;
}

.ppb-contact {
    padding-bottom: 0 !important;
}

.ppb-civility {
    width: 40% !important;
    padding-bottom: 0 !important;
}

#main-form {
    background: #f8f8f8;
    padding: 30px;
}

.customer-name {
    width: calc(60% - 5px);
    margin-left: 5px;
}

/* Animation */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}


.top-nav-bar {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
    position: relative;
    width: 100%;
    flex: 1 1 100%;
    background-color: #000;
    transition: height .3s ease-in;
    height: 34px;

}

.top-nav-bar-two {
    order: 1;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

.menu-hyperlinks {
    display: flex;
    flex-flow: row;
    margin: 0;
    padding: 0;
    align-items: center;
}

.top-nav-bar-three {
    order: 3;
    display: flex;
    justify-content: flex-end;
    flex: 0 1 auto;
}

.language-selector a {
    font-size: 10px;
    line-height: 10px;
    color: var(--color-grey-l3);
    font-weight: 300;
    display: block;
    position: relative;
    padding: 10px 8px 10px 8px;
    width: 46px;
    text-transform: uppercase;
    text-decoration: none;
}

.language-selector a:before {
    position: absolute;
    line-height: 0;
    margin-left: 4px;
    font-size: 20px;
    top: 14px;
    left: 20px;
    color: var(--color-grey-l4);
}

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

.left-content {
    padding: 11px 28px;
}   

.content-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-nav-bar .menu-hyperlinks li a {
    font-size: 10px;
    font-weight: 300;
    line-height: 18px;
    color: #ccc;
    text-decoration: none;
}
.top-nav-bar-two .menu-hyperlinks>li:not(:nth-child(4)) {
    text-transform: uppercase;
}
.top-nav-bar .top-nav-bar-two .menu-hyperlinks {
    flex-grow: 1;
    padding: 0 21px 0 28px;
}

.top-nav-bar ul, ol {
    list-style: none;
}

.top-nav-bar .language-selector {
    display: flex;
    order: 2;
    position: relative;
    cursor: pointer;
    max-height: 30px;
}

.language-selector::before {
    position: absolute;
    display: block;
    z-index: 2;
    transform: translateY(-50%);
    width: 14px;
    speak: none;
    text-align: center;
    line-height: 22px;
    color: gray;
}


.input-ui input, .input-ui textarea, .input-ui select {
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 0px 0px #0099ab;
    box-shadow: 0px 0px 0px 0px #0099ab;
    border-radius: 3px;
    padding: 14px 20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 16px;
    min-height: 50px;
}

.input-ui label {
    display: inherit;
    font-weight: inherit;
    margin: 0;
}

.input-ui {
    position: relative;
    display: block;
    padding: 1px;
}

.input-ui span {
    position: absolute;
    pointer-events: none;
    max-width: calc(100% - 31px);
    top: 18px;
    left: 0;
    padding: 0 10px 0 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.4;
    font-size: 12px;
    -webkit-transition: all 0.2s ease-out 0.05s;
    transition: all 0.2s ease-out 0.05s;
    font-weight: 300;
    font-family: "Montserrat";
}

.input-ui input:focus, .input-ui input:focus+.filebox-ui-display, .select-ui select:focus ~ .select-ui-display {
    outline: none !important;
    border-color: #0099ab;
    -webkit-box-shadow: 0px 0px 1px 0px #0099ab;
    box-shadow: 0px 0px 1px 0px #0099ab;
}

.input-ui:not(.no-placeholder) input, .select-ui:not(.no-placeholder) .select-ui-display {
    padding: 24px 44px 8px 20px;
}

.input-ui textarea:focus+span, .input-ui textarea:not([value=""])[value]+span, .input-ui textarea:not(:empty)+span, .input-ui input:focus+span, .input-ui input:not([value=""])[value]+span, .input-ui input[type="date"]+span, .filebox-ui .filebox-ui-content:not(:empty)+.filebox-ui-placeholder, .select-ui .select-ui-placeholder, .input-ui input:-webkit-autofill+span {
    top: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #000;
    opacity: 1;
}



.horizontal.timeline {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .horizontal.timeline:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.2em;
    background-color: #f2f2f2;
  }
  .horizontal.timeline .line {
    display: block;
    position: absolute;
    width: 50%;
    height: 0.2em;
    background-color: #333333;
  }
  .horizontal.timeline .steps {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .horizontal.timeline .steps .step {
    display: block;
    position: relative;
    bottom: calc(100% + 1em);
    padding: 0.33em;
    margin: 0 2em;
    box-sizing: content-box;
    color: #333333;
    background-color: currentColor;
    border: 0.25em solid white;
    border-radius: 50%;
    z-index: 500;
  }
  .horizontal.timeline .steps .step:first-child {
    margin-left: 0;
  }
  .horizontal.timeline .steps .step:last-child {
    margin-right: 0;
    color: #71cb35;
  }
  .horizontal.timeline .steps .step span {
    position: absolute;
    top: calc(100% + 1em);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #000;
    opacity: 0.4;
  }
  .horizontal.timeline .steps .step.current:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    z-index: -1;
    animation-name: animation-timeline-current;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
  }
  .horizontal.timeline .steps .step.current span {
    opacity: 0.8;
  }
  
  @keyframes animation-timeline-current {
    from {
      transform: translate(-50%, -50%) scale(0);
      opacity: 1;
    }
    to {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
  }


  .history-tracking-text p{
    width: 300px;
  }


  /* Absolute Center Spinner */
.loader {
    display: none;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  /* Transparent Overlay */
  .loader:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loader:not(:required) {
    /* hide "loader..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .loader:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .spinner-loading {
    border: 10px solid #ffffff;
    border-right-color: transparent;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spin 3s linear infinite;
  }
  
  @keyframes spin {
    0% {
      opacity: 0.5;
    }
    50% {
      opacity: 0.6;
    }
    100% {
      opacity: 0.7;
      transform: translate(-50%, -50%) rotate(1turn);
    }
  }
  

  
  @keyframes dot-animation {
    0% {
      opacity: 0.1;
    }
    100% {
      opacity: 0.5;
    }
  }
  

.form-submit-btn.disabled 
{
    background-color: #aaaaaa;
}

.total-amount {
    display: flex;
    justify-content: space-between;
    background: #fafafa;
    padding: 30px 23px;
}

.payment-type {
    display: flex;
    justify-content: flex-end;
    padding: 35px 0px;
}



.padding {
    padding: 20px;
  }
  
  .clearfix {
    display: table;
    overflow: hidden;
  }
  .clearfix:before {
    content: " ";
    display: block;
  }
  
  .font-size-small {
    font-size: 0.65em;
  }
  
  .chat-wrapper {
    min-width: 400px;
    width: 100%;
    display: table;
    overflow: hidden;
  }
  .chat-wrapper:before {
    content: " ";
    display: block;
  }
  .chat-wrapper .chat-content {
    background-color: #fff;
  }
  .chat-wrapper .chat-image {
    float: left;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  .chat-wrapper .chat-image.chat-image-default {
    width: auto;
    height: 60px;
  }
  .chat-wrapper .chat-message {
    margin-bottom: 20px;
    width: 100%;
    display: table;
    overflow: hidden;
  }
  .chat-wrapper .chat-message:before {
    content: " ";
    display: block;
  }
  .chat-wrapper .chat-message:last-of-type {
    margin-bottom: 0;
  }
  .chat-wrapper .chat-message .chat-message-wrapper {
    max-width: 70%;
    display: table;
    margin: 0 20px;
    padding-top: 10px;
    position: relative;
  }
  .chat-wrapper .chat-message .chat-message-wrapper:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    top: 20px;
    position: absolute;
    z-index: 2;
  }
  .chat-wrapper .chat-message .chat-message-wrapper p {
    padding: 10px 20px;
    color: #fff;
    border-top: 1px solid;
  }
  .chat-wrapper .chat-message .chat-message-wrapper p:first-of-type {
    border-top: 0 !important;
  }
  .chat-wrapper .chat-message.chat-message-recipient .chat-message-wrapper,
  .chat-wrapper .chat-message.chat-message-recipient .chat-message-content {
    float: left;
  }
  .chat-wrapper .chat-message.chat-message-recipient .chat-message-wrapper:before {
    left: -20px;
    border-right-color: #aaaaaa;
  }
  .chat-wrapper .chat-message.chat-message-recipient p {
    background-color: #aaaaaa;
    border-top-color: #7dc576;
  }
  .chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper,
  .chat-wrapper .chat-message.chat-message-sender .chat-message-content {
    float: right;
  }
  .chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper:before {
    right: -20px;
    border-left-color: #dee2e6;
  }
  .chat-wrapper .chat-message.chat-message-sender p {
    background: #dee2e6;
    border-top-color: #d8d8d8;
  }
  .chat-wrapper .chat-message.chat-message-sender img {
    float: right;
  }
  .chat-wrapper .chat-message .chat-message-content {
    display: table;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .chat-wrapper .chat-message .chat-message-content:before {
    content: " ";
    display: block;
  }
  .chat-wrapper .chat-message .chat-details {
    clear: both;
    width: 100%;
    display: table;
    overflow: hidden;
  }
  .chat-wrapper .chat-message .chat-details:before {
    content: " ";
    display: block;
  }
  .chat-wrapper .chat-message .chat-details span {
    margin-right: 4px;
    color: #bbb;
  }
  .select-wrap {
    background-color:#fff;
    position:relative;
  }
  .select-wrap label{
    font-size:8px;
    text-transform: uppercase;
    color: #333;
    padding: 0 8px;  
    position: absolute;
    top:6px;
    font-weight: 800;

  }

  .hidden 
  {
      display: none;
  }

  .hidden-marque,
  .hidden-maodle 
  {
      display: none;
  }

  .is_disabled{
    pointer-events: none;
    background-color: #e9ecef;
    opacity: 1;
  }


  .accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
  }
  
  .accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid #cc0000;
  }
  
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }
  
  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #cc0000;
  }
  
  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #cc0000;
    border: 1px solid #cc0000;
  }
  
  .accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;
  }
  
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
  }
  
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  
  .accordion button[aria-expanded='true'] {
    color: #cc0000;
  }
  .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 2em 0;
  }
  
  
  
  .infos-rma-img img
  {
      width: 60px;
      margin: 20px;
  }


  
.plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  
    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .plans .plan input[type="radio"] {
    position: absolute;
    opacity: 0;
  }
  
  .plans .plan {
    cursor: pointer;
    min-width: 500px;
  }
  
  .plans .plan .plan-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e1e2e7;
    border-radius: 10px;
    -webkit-transition: -webkit-box-shadow 0.4s;
    transition: -webkit-box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
    position: relative;
  }
  
  .plans .plan .plan-content img {
    margin-right: 30px;
    height: 72px;
  }
  
  .plans .plan .plan-details span {
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #252f42;
  }
  
  .container .title {
    font-size: 16px;
    font-weight: 500;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #252f42;
    margin-bottom: 20px;
  }
  
  .plans .plan .plan-details p {
    color: #646a79;
    font-size: 14px;
    line-height: 18px;
  }
  
  .plans .plan .plan-content:hover {
    -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
    box-shadow: 0px 3px 5px 0px #e8e8e8;
  }
  
  .plans .plan input[type="radio"]:checked + .plan-content:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: #216fe0;
    right: 20px;
    top: 20px;
    border-radius: 100%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
    box-shadow: 0px 0px 0px 2px #0066ff;
  }
  
  .plans .plan input[type="radio"]:checked + .plan-content {
    border: 2px solid #216ee0;
    background: #eaf1fe;
    min-width: 675px;
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
  }
  
  @media screen and (max-width: 991px) {
    .plans {
      margin: 0 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 40px;
    }
  
    .plans .plan {
      width: 100%;
    }
  
    .plan.complete-plan {
      margin-top: 20px;
    }
  
    .plans .plan .plan-content .plan-details {
      width: 70%;
      display: inline-block;
    }
  
    .plans .plan input[type="radio"]:checked + .plan-content:after {
      top: 45%;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
    }
  }
  
  @media screen and (max-width: 767px) {
    .plans .plan .plan-content .plan-details {
      width: 60%;
      display: inline-block;
    }
  }

  @media screen and (max-width: 1015px) {
    .form-check-button label {
        font-size: 12px;
    }
  }

  @media screen and (max-width: 992px)
  {
    .flex-responsive.imei-valid-device {
        display: none ;
    }
  }
  
  @media screen and (max-width: 540px) {
    .plans .plan .plan-content img {
      margin-bottom: 20px;
      height: 56px;
      -webkit-transition: height 0.4s;
      -o-transition: height 0.4s;
      transition: height 0.4s;
    }
  
    .plans .plan input[type="radio"]:checked + .plan-content:after {
      top: 20px;
      right: 10px;
    }
  
    .plans .plan .plan-content .plan-details {
      width: 100%;
    }
  
    .plans .plan .plan-content {
      padding: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
    }

    .plans .plan {
        min-width: 200px;
    }

    .logistic-list 
    {
        margin: 0;
    }

    a.greenbig-btn
    {
        font-size: 13px;
        white-space:nowrap;
    }
    .accordion-form-button h2
    {
        font-size: 19px !important;
    }
    .form-check-button label
    {
        font-size: 12px;
    }
    .state-mobile-question p
    {
        width: 100%;
    }
    .button-boolean
    {
        justify-content: center;
        margin-top: 11px;
    }
    .button-validation-step
    {
        font-size: 14px;
        width: 144px;
    }
    .form-check-inline
    {
        margin-right: 1px !important;
    }
    .form-type-mobile h3 
    {
        font-size: 19px;
    }

    .plans .plan input[type="radio"]:checked + .plan-content
    {
        min-width: 200px; 
    }

    .plans
    {
        padding: 32px 0px;
    }
    .imitation-mobile
    {
        font-size: 13px;
    }
    .form-ramform-btn-continue input[type="submit"]
    {
        font-size: 14px;
    }

    .plans .plan .plan-details p 
    {
        word-break: break-word;
    }

    .byr-s-label 
    {
        width: 100% !important;
    }
    .checkbox-rma-form
    {
        font-size: 13px;
    }
    .checkbox-rma-form.second input[type=checkbox]:not(:checked)+label
    {
        width: 175px;
    }
    .checkbox-rma-form.second input[type=checkbox]:checked+label
    {
        width: 175px;
    }
    .checkbox-rma-form input[type=checkbox]:not(:checked)+label
    {
        width: 76px;
    }
    .checkbox-rma-form input[type=checkbox]:checked+label
    {
        width: 76px;
    }

    
  }
  

  .fa-bars:before {
    content: "\f0c9";
}

.iti.iti--allow-dropdown {
    width: 100%;
}


.success-message {
    background-color: #d4edda;
    color: #155724;
    padding: 30px;
    border-radius: 10px;
    display: inline-block;
}
.success-message h1 {
    margin-bottom: 10px;
}