/* Fonts */
@font-face {
    font-family: 'Typold';
    src: url('../fonts/Typold-Bold.eot');
    src: url('../fonts/Typold-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Typold-Bold.woff2') format('woff2'),
        url('../fonts/Typold-Bold.woff') format('woff'),
        url('../fonts/Typold-Bold.ttf') format('truetype'); 
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Typold';
    src: url('../fonts/Typold-Thin.eot');
    src: url('../fonts/Typold-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Typold-Thin.woff2') format('woff2'),
        url('../fonts/Typold-Thin.woff') format('woff'),
        url('../fonts/Typold-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Typold';
    src: url('../fonts/Typold-Regular.eot');
    src: url('../fonts/Typold-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Typold-Regular.woff2') format('woff2'),
        url('../fonts/Typold-Regular.woff') format('woff'),
        url('../fonts/Typold-Regular.ttf') format('truetype'),
        url('../fonts/Typold-Regular.svg#Typold-Regular') format('svg');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'lato';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: "Typold-Regular";
    src: url("data:application/font-woff;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw
Oi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzgwIiBoZWlnaHQ9Ijc5IiB2aWV3Qm94
PSIwIDAgMzgwIDc5Ij4NCiAgPGRlZnM+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXIt
Z3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RC
b3VuZGluZ0JveCI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmYTcxNjci
Lz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZhYWM2NyIvPg0KICAgIDwv
bGluZWFyR3JhZGllbnQ+DQogIDwvZGVmcz4NCiAgPGcgaWQ9Ikdyb3VwZV8yNzYiIGRhdGEtbmFt
ZT0iR3JvdXBlIDI3NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxNyAtNTkpIj4NCiAgICA8dGV4
dCBpZD0ibGVwcml4ZGVtb25iaWVuLmJlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTQgMTA2KSIg
ZmlsbD0iI2ZmZiIgZm9udC1zaXplPSIyOSIgZm9udC1mYW1pbHk9IlR5cG9sZC1SZWd1bGFyLCBU
eXBvbGQiPjx0c3BhbiB4PSIwIiB5PSIwIj5sZXByaXhkZW1vbmJpZW4uYmU8L3RzcGFuPjwvdGV4
dD4NCiAgICA8dGV4dCBpZD0iZXN0aW1vbnNfanVzdGVfZXN0aW1vbnNfYmllbl8iIGRhdGEtbmFt
ZT0iZXN0aW1vbnMganVzdGUsIGVzdGltb25zIGJpZW4gISIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo
MzE0IDEzNCkiIGZpbGw9IiNmYWFjNjciIGZvbnQtc2l6ZT0iMTciIGZvbnQtZmFtaWx5PSJUeXBv
bGQtUmVndWxhciwgVHlwb2xkIiBsZXR0ZXItc3BhY2luZz0iLTAuMDM5ZW0iPjx0c3BhbiB4PSIw
IiB5PSIwIj5lc3RpbW9ucyBqdXN0ZSwgZXN0aW1vbnMgYmllbiAhPC90c3Bhbj48L3RleHQ+DQog
ICAgPGcgaWQ9Ikdyb3VwZV8yNzUiIGRhdGEtbmFtZT0iR3JvdXBlIDI3NSIgdHJhbnNmb3JtPSJ0
cmFuc2xhdGUoMjE3IDU5KSI+DQogICAgICA8ZyBpZD0iR3JvdXBlXzI3MCIgZGF0YS1uYW1lPSJH
cm91cGUgMjcwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMC43MjUgMCkiPg0KICAgICAgICA8cGF0
aCBpZD0iVHJhY8OpXzE2NCIgZGF0YS1uYW1lPSJUcmFjw6kgMTY0IiBkPSJNMTM5LjI4Ny0xMDYu
NzkzaC00LjR2LTE0LjQ4MkwxMDYuMzktMTM4Ljg2OSw4MC4yNy0xMjEuMzN2MTEuMjQybC00LjQt
NC41di05LjA4N0wxMDYuMjg5LTE0NC4xbDMzLDIwLjM3MloiIHRyYW5zZm9ybT0idHJhbnNsYXRl
KC03NS44NjcgMTQ0LjEwNCkiIGZpbGw9IiNmZmYiLz4NCiAgICAgIDwvZz4NCiAgICAgIDxnIGlk
PSJHcm91cGVfMjcxIiBkYXRhLW5hbWU9Ikdyb3VwZSAyNzEiIHRyYW5zZm9ybT0idHJhbnNsYXRl
KDEwLjcyNSA1My4zMzEpIj4NCiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV8xNjUiIGRhdGEtbmFt
ZT0iVHJhY8OpIDE2NSIgZD0iTTEzOS4yODctODYuODg2SDc1Ljg2N1YtMTA3Ljc2aDQuNHYxNi40
NzJoNTQuNjE1di05LjdsNC40LTQuMzA1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1Ljg2NyAx
MDcuNzYpIiBmaWxsPSIjZmZmIi8+DQogICAgICA8L2c+DQogICAgICA8ZyBpZD0iR3JvdXBlXzI3
NCIgZGF0YS1uYW1lPSJHcm91cGUgMjc0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDIzLjIxMiki
Pg0KICAgICAgICA8ZyBpZD0iR3JvdXBlXzI3MiIgZGF0YS1uYW1lPSJHcm91cGUgMjcyIj4NCiAg
ICAgICAgICA8cGF0aCBpZD0iVHJhY8OpXzE2NiIgZGF0YS1uYW1lPSJUcmFjw6kgMTY2IiBkPSJN
ODUuNjY4LTkwLjA1OSw2OS40LTEwNi43YTIuOTM0LDIuOTM0LDAsMCwxLC4wNDctNC4xNWgwYTIu
OTMzLDIuOTMzLDAsMCwxLDQuMTUuMDQ1bDEyLjEyMiwxMi40LDI5LjAyLTI5LjAxOGEyLjkzNCwy
LjkzNCwwLDAsMSw0LjE1LDBoMGEyLjkzNCwyLjkzNCwwLDAsMSwwLDQuMTVaIiB0cmFuc2Zvcm09
InRyYW5zbGF0ZSgtNjguNTU5IDEyOC4yODYpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCki
Lz4NCiAgICAgICAgPC9nPg0KICAgICAgICA8ZyBpZD0iR3JvdXBlXzI3MyIgZGF0YS1uYW1lPSJH
cm91cGUgMjczIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNS4yMzEgMC4xMTcpIj4NCiAgICAgICAg
ICA8cGF0aCBpZD0iVHJhY8OpXzE2NyIgZGF0YS1uYW1lPSJUcmFjw6kgMTY3IiBkPSJNMTExLjI2
LTkwLDkyLjU2OC0xMDguN2w0LjE1LTQuMTVMMTExLjI2LTk4LjMsMTQwLjMtMTI3LjM0NmEyLjkz
NCwyLjkzNCwwLDAsMSw0LjE1LDBoMGEyLjkzNCwyLjkzNCwwLDAsMSwwLDQuMTVaIiB0cmFuc2Zv
cm09InRyYW5zbGF0ZSgtOTIuNTY4IDEyOC4yMDYpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVu
dCkiLz4NCiAgICAgICAgPC9nPg0KICAgICAgPC9nPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+");
} */



/* Default */
/* body { font:normal 22px/34px 'Typold'; font-weight: 100; color:#002850; background-color: #ffffff; box-sizing: border-box; transition: all 400ms ease-in-out;} */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
article, aside, dialog ,figcaption, figure, footer, .header-banner, hgroup, main, nav, section { display:block;}  
input, textarea { -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}
* { outline:none !important;}
strong, b { font-weight: bold;}
ul { list-style-type:none;}
a { text-decoration:none; color:#F9B03E; outline:none; transition: all 400ms ease-in-out;}
img { border:none;}
p { margin-bottom: 15px;}
ins, mark { background: #ff0; color: #000;}
*, :after, :before{ box-sizing: border-box;}
.container { max-width: 1600px; width: 100%; margin: 0 auto; padding: 0 40px;}
.btn { background: linear-gradient(90deg, rgba(250,114,103,1) 0%, rgba(250,172,103,1) 100%); color: #fff; font: 16px/34px 'Proxima Nova Black'; font-weight: normal; text-transform: uppercase; padding: 18px 55px; border-radius: 50px; border: none; transition: all 400ms ease-in-out;font-weight: bold}
h1 { color: #fff; font: 50px/60px 'Typold'; font-weight: normal; margin-bottom: 40px;}
h2 { color: #fff; font: 48px/65px 'Typold'; font-weight: normal; margin-bottom: 30px;}
html{ margin: 0!important; }

/* .header-banner */
.header-banner { background: center no-repeat; height: auto; position: relative;display: flex;justify-content: center;align-items: center;min-height: 550px;background: url(../images/bg.jpg) center no-repeat;}
.header-banner:after,
.header-arson:after { content: ''; /*background: linear-gradient(180deg, rgba(0,40,80,1) 0%, rgba(0,40,80,1) 100%);*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0;opacity: 0.6;}
.top { padding: 100px 0; position: relative; z-index: 50; text-align: center;}
.logo { display: inline-block; margin-bottom: 235px;min-width: 450px;z-index: 999999999 }
.top p { max-width: 715px; width: 100%; margin: 0 auto;}
.top h1 p{ max-width: 100% }
.top p, .blocSimulation h2, .blocSimulation p { color: #fff;}
.btnTransform { width: 430px; margin: 30px auto 0; position: relative;}
.header-banner .text-transform { position: absolute; left: -5px; top: 40px;width: 93px }
.btn.fixe { position: fixed; top: 110px; right: -30px; padding: 18px 50px 18px 30px; z-index: 99999999999;}
.logo img{ width: 100%;}
.page-template-page-checkout .header-arson .top .col-lg-10 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.page-template-page-checkout .header-arson .top h1 { margin-bottom: 5px; font-size: 45px; line-height: 55px}

.header-arson:after {display: block;background: linear-gradient(180deg, rgba(0,40,80,1) 0%, rgba(0,40,80,1) 100%); }

/* Main */
.blocLance { padding: 115px 0 115px;}
.blocLance h2 { color: #002850; font: 40px/50px 'Typold'; font-weight: bold; display: inline-block; margin-bottom: 50px;}
.blocLance h2 span { color: #FAAC67;}
.blocLance .item { padding: 0 20px; font-size: 18px; color: #9EADBC; border-right: 1px #9EADBC solid; font-weight: bold;}
.blocLance .item:last-of-type { border: none;}
.blocLance .item span { display: block; margin-top: -5px; font: 42px/53px 'Typold'; color: #002850;}
.blocLance .btn { margin-top: 80px;}
.blocSimulation {  position: relative; padding: 180px 0 100px; color: #fff;font-size: 22px;background-size: cover}
.blocSimulation:before, .sousForm:before {content: url(../images/deco1.png); width: 286px; height: 104px; position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; z-index: 5;}
.blocSimulation:after { content: ''; /* background: linear-gradient(90deg, rgba(0,40,80,.4) 0%, rgba(0,40,80,1) 35%, rgba(0,40,80,1) 100%); */ position: absolute; top: 0; bottom: 0; left: 0; right: 0;background: #002850;opacity: 0.7;}
.blocSimulation .container { z-index: 5; position: relative;}
/* .blocSimulation .btn:last-of-type { background: transparent; border: 2px #fff solid;} */
.blocSimulation p { margin-bottom: 15px;}
.blocSimulation .blocBtn { margin-top: 40px; position: relative;}
.blocSimulation .blocBtn .btn:last-of-type { margin-left: 65px;}
.blocSimulation .text-transform { position: absolute; right: -60px; top: 30px;display: none}
.blocPrix { padding: 120px 0 180px; position: relative; overflow: hidden;}
/* .blocPrix:before {content: url(../images/deco2.png); width: 286px; height: 104px; position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; z-index: 5;} */
.blocPrix h2 { color: #002850; margin-bottom: 55px;}
.blocPrix ul { padding-left: 30px; width: 45%;}
.blocPrix ul:first-of-type { padding-right: 45px; width: 55%;}
.blocPrix ul>li { list-style-image: url(../images/check.png); margin-bottom: 25px; font-size: 18px;}
.blocPrix .blocBtn { margin-top: 60px;}
.blocPrix .btn:last-of-type { margin-left: 70px; background: transparent; border: 2px #FAAC67 solid; color: #FAAC67;}
.blocImg { width: 50%; height: 765px; position: absolute; right: -12%; flex: 0; max-width: inherit;}
.blocImg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px;}
.sousForm { border-radius: 30px; padding: 100px 170px 100px; position: relative; text-align: center; font-size: 18px; font-family: 'lato'; overflow: hidden;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b7895+0,39a987+100 */
background: #2b7895; /* Old browsers */background: -moz-linear-gradient(-45deg,  #2b7895 0%, #39a987 100%);background: -webkit-linear-gradient(-45deg,  #2b7895 0%,#39a987 100%); background: linear-gradient(135deg,  #2b7895 0%,#39a987 100%); }

.sousForm h2 { margin-bottom: 60px;}
.sousForm p { font-weight: bold; text-transform: uppercase;}
.sousForm form { margin-top: 30px;}
.sousForm input, .sousForm select { height: 84px; border-radius: 5px; border: none; padding-left: 60px; color: #676767;-webkit-box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05); -moz-box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05); box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05); font-family: 'lato'; font-weight: bold; font-size: 18px;}
.sousForm input::placeholder, .sousForm textarea::placeholder { text-transform: initial; font-size: 18px !important;opacity: 1!important; color: #ffffff!important}
.sousForm .form-group { margin-bottom: 30px;}
.sousForm .btnForm { margin-top: 53px;}
.sousForm .btn { background: #fff; height: 70px; padding: 0 20px; color: #002850 !important; font-size: 18px; line-height: 70px;}
.sousForm span.sipan { display: inline-block; border: 2px #fff solid; border-radius: 50px; padding: 10px; margin-left: 17px;}
/*From Personalise */
.input-radio { height: 145px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; -webkit-box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05); -moz-box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05); box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05);}
.input-radio input { display: none;}
.input-radio label { width: 100%; height: 100%; background: transparent; padding: 10px 0; border-radius: 5px; margin: 0; border: 3px solid #ffffff;display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: all 400ms ease-in-out;}
.textLabel span { display: inline-block; border: none; border-radius: inherit; padding: inherit; margin-left: 0;}
.iconLabel { width: 75px; margin: 0 auto;}
.textLabel { text-transform: uppercase;color: #ffffff}
.input-radio label:hover { -webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.05); box-shadow: 0 0 14px 0 rgba(0,0,0,.05);}
.input-radio input:checked+.input-radio-label { border: 3px solid #28476d;}



/* Step 1 */
.input--range input { height: 50px !important;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=range] { -webkit-appearance: none; appearance: none; transition: all 300ms ease-in-out; background-color: transparent;}
input[type=range]:focus { outline: none;}
input[type=number] { -moz-appearance: textfield;}
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #002850; border-radius: 50%; border: 2px #fff solid; cursor: pointer;}
input[type=range]::-moz-range-thumb { width: 25px; height: 25px; background: #002850; border-radius: 50%; border: 2px #fff solid; cursor: pointer;}

input[type=range]::-webkit-slider-runnable-track {
    background: #002850;
    border: 0;
    width: 100%;
    height: 9px;
    cursor: pointer;
  }
  input[type=range]::-webkit-slider-thumb {
    margin-top: -8px;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 3px solid #002850;
    border-radius: 50px;
    cursor: pointer;
    -webkit-appearance: none;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #002850;
  }
  input[type=range]::-moz-range-track {
    background: #002850;
    border: 0;
    width: 100%;
    height: 9px;
    cursor: pointer;
  }
  input[type=range]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 3px solid #411600;
    border-radius: 50px;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 9px 0;
    color: transparent;
    width: 100%;
    height: 9px;
    cursor: pointer;
  }
  input[type=range]::-ms-fill-lower {
    background: #002850;
    border: 0;
  }
  input[type=range]::-ms-fill-upper {
    background: #002850;
    border: 0;
  }
  input[type=range]::-ms-thumb {
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 3px solid #411600;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 0px;
    /*Needed to keep the Edge thumb centred*/
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #002850;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #002850;
  }
  @supports (-ms-ime-align:auto) {
    input[type=range] {
      margin: 0;
    }
  }

#surface { padding: 0 45px 0 20px !important;}
.input-group__main--append, .height { height: 60px !important; font-weight: bold; color: #28476d !important;}
.input-range-with-value__slider input { height: auto !important; box-shadow:none !important; padding-left: 0;}
.input-group__append { position: absolute; right: 5px;}
.input-group--stepper, .input-group { border: none;}
.input-group--stepper__button { position: absolute; top: 0; bottom: 0; height: 45px; margin: auto; border-radius: 50%; width: 45px; border: none; background-color: #fa8867; border: none; color: #fff; font-size: 25px; line-height: 45px; transition: all 400ms ease-in-out;}
.input-group--stepper__button:hover { background-color: #faab67; color: #fff;}
.input-group--stepper__button--prepend { left: 7px;}
.input-group--stepper__button--append { right: 7px;}
.input--text { padding: 0 20px !important; text-align: center;}
#surfaceOutput.input--text, #gardenOutput.input--text { padding: 0 45px 0 20px !important;}
.input--switch__label:before { border: none;}
.input--switch__label:after { border: 2px solid #024059;}
.input--switch__input:checked+.input--switch__label:before { border: none; background-color:#002850;}
.input-group__abbr { font-family: 'Lato'; color: #fa8867;}
.estimation-row__subfield__label--full { text-align: left;}
.estimation-row__subfield--full-icon { width: 100%; margin-left: 0;}
.marge { margin-top: 25px;}
.height, #component-email__input-text { display: inline-block; /* height: 60px !important; */}
.component-consent__disclaimer { color: #fff; font-family: 'Lato'; font-weight: normal !important; font-style: italic; line-height: 20px; text-transform: inherit !important;margin-top:20px}
.field__label { color: #fff;}
.compass-slider__label span { margin-left: 0; width: 50px; height: 50px; text-align: center; border: none;}
.estimation-form { width: 100%; text-align: left;}
.estimation-form label { margin-bottom: 0;font-weight: bold;}
.estimation-row__label label{ font-family: 'Lato'!important;font-weight: bold!important;font-size: 18px!important;color: #002850 }
.show, .jardin,.terrasse,.grenier, .etat, .renove, .proprietaire { opacity: 1; height: auto; overflow: visible; transition: all 400ms ease-in-out;}
.last-renovation-year__row__input { height: 60px !important; padding: 0 20px;}
.enterDate { padding: 0 20px !important;}
.component-basic-template__title { margin-top: 40px; color: #fff;}
.component-basic-template__head p { color: #fff; margin-top: 35px; text-transform: inherit !important;}
.component-basic-template__icon { padding: 0;}
.input--checkbox__input:checked+.input--checkbox__label:before { border-color: #ffff; background: none;}
.input--checkbox__input:focus+.input--checkbox__label:before { border-color: #ffffff;}
.input--checkbox__label:after { background: url(../images/icon-checkmark.svg) center no-repeat; background-size: 1.2rem 1.25em;}
.proprietaire .estimation-row__subfield__input { width: 100% !important;}
.ouiNon { height: auto !important;}
.btnForm.disabled, .formText.disabled { display: none !important;}
input[type=range]::-webkit-slider-runnable-track { background: #fff;}
.titleStep { margin-bottom: 25px;}
.step { margin-bottom: 15px; position: relative; padding-left: 50px; min-height: 40px;}
.step span { border: none !important; font-size: 20px; margin: 0 !important; padding: 0 !important;}
.step span>strong { font-size: 25px;}
.step a { display: inline-block; background: url(../images/arrow-prev.png) center no-repeat #002850; width: 40px; height: 40px; position: absolute; left: 0; top: 0; bottom: 0; margin: 0 auto; border-radius: 50%; cursor: pointer;}
#sub3 { opacity: 1 !important; height: auto !important; margin-top: 25px;}

.invisible_part #sub3 { display: none !important; visibility: hidden !important; }
#formText span{ border: none;text-transform: initial; }

.blocTest { padding: 165px 0;}
.blocTest h2 { color: #002850;}
.draggable { padding-bottom: 65px !important;}
.test { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding: 100px 35px 90px; margin: 25px 33px 0; color: #7F93A7; position: relative; -webkit-box-shadow: 0 10px 30px 0 rgba(237,240,243,1); -moz-box-shadow: 0 10px 30px 0 rgba(237,240,243,1); box-shadow: 0 10px 30px 0 rgba(237,240,243,1); opacity: .18;}
.test.slick-center { opacity: 1;}
.test .icon { margin-bottom: 22px;}
.test .text { min-height: 325px;}
.test strong {display: block; margin-top: 35px; color: #002850; font-size: 18px; font-weight: bold;}
.test span { display: inline-block; color: #FAAC67;}
/*.test span:before { content: ''; border-left: 1px #D6D6D6 solid; display: inline-block; height: 18px; vertical-align: baseline; margin: 0 15px;}*/
.icon img { margin: 0 3px;}
.btnTest { margin-top: 125px;}
.btnTest .btn {-webkit-box-shadow: 0px 8px 15px 8px rgba(237,240,243,1); -moz-box-shadow: 0px 8px 15px 8px rgba(237,240,243,1); box-shadow: 0px 8px 15px 8px rgba(237,240,243,1);}
.slick-arrow { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -95px; bottom: 0; border: none; border-radius: 50%; font-size: 0; z-index: 9999999; padding: 0 !important;}
.slick-prev { background: linear-gradient(-90deg, rgba(250,114,103,1) 0%, rgba(250,172,103,1) 100%); left: 50%; margin-left: -425px;}
.slick-prev:before,.slick-next:before { content: url(../images/arrow-prev.png); width: 24px; height: 26px; position: absolute; top: 0;bottom: 0; left: 0; right: 0; margin: auto;}
.slick-next:before { content: url(../images/arrow-next.png);}
.slick-next { background: linear-gradient(90deg, rgba(250,114,103,1) 0%, rgba(250,172,103,1) 100%); right: 50%; margin-right: -425px;}
.slick-dots { display: flex; justify-content: center; align-items: center;}
.slick-dots li { margin: 0 10px;}
.slick-dots li.slick-active>button { background:#FAAC67; height: 15px;}
.slick-dots li>button { width: 65px; height: 7px; background: #005053; border-radius: 10px; border: none; font-size: 0; line-height: 0; padding: 0 !important;}

.compass-slider__output { font-size: 16px;}
.compass-slider__input__area.n { -webkit-transform: translate(-50%,-32%) perspective(10px) rotateX(-8deg); transform: translate(-50%,-32%) perspective(10px) rotateX(-8deg); z-index: 4;}
.compass-slider__input__area.ne { -webkit-transform: translate(-53%,-25%) rotate(45deg) perspective(10px) rotateX(-8deg); transform: translate(-53%,-25%) rotate(45deg) perspective(10px) rotateX(-8deg); z-index: 5;}
.compass-slider__input__area.e { -webkit-transform: translate(-65%,-50%) rotate(90deg) perspective(10px) rotateX(-8deg); transform: translate(-65%,-50%) rotate(90deg) perspective(10px) rotateX(-8deg); z-index: 6;}
.compass-slider__input__area.se { -webkit-transform: translate(-58%,-68%) rotate(135deg) perspective(10px) rotateX(-8deg); transform: translate(-58%,-68%) rotate(135deg) perspective(10px) rotateX(-8deg); z-index: 7;}
.compass-slider__input__area.s { -webkit-transform: translate(-50%,-70%) perspective(10px) rotateX(8deg); transform: translate(-50%,-70%) perspective(10px) rotateX(8deg); z-index: 8;}
.compass-slider__input__area.sw { -webkit-transform: translate(10%,-80%) rotate(45deg) perspective(10px) rotateX(8deg); transform: translate(-42%,-64%) rotate(45deg) perspective(10px) rotateX(8deg);}
.compass-slider__input__area.w { -webkit-transform: translate(-35%, -50%) rotate(90deg) perspective(10px) rotateX(8deg); transform: translate(-35%, -50%) rotate(90deg) perspective(10px) rotateX(8deg); z-index: 9;}
.compass-slider__input__area.nw { -webkit-transform: translate(-52%, -36%) rotate(132deg) perspective(10px) rotateX(8deg); transform: translate(-52%, -36%) rotate(132deg) perspective(10px) rotateX(8deg); z-index: 10;}
.compass-slider__input__area--active { pointer-events: inherit !important;}

/* Formulaire modifs */
.blocForm .select { position: relative;z-index: 0}
.blocForm .select:after { content: ''; background: url(../images/icon-select.svg)center no-repeat ; width: 25px; height: 14px; font: bold 15px/20px "Lato"; color: #fff; right: 30px; top: 0; bottom: 0; margin: auto; position: absolute; pointer-events: none; z-index: 50; border-radius: 0; text-align: center;}
.blocForm select { background: none; position: relative; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;cursor: pointer; text-overflow: ellipsis; z-index: 50; padding-right:55px;}
.blocForm select:first-of-type { text-transform: uppercase; font-size: 18px !important;}
.blocForm .button.dec, .blocForm .button.inc{ position: absolute; font-size: 30px; color: #fff; border: none; padding: 0; border-radius: 50%; margin: 0; width: 30px; height: 30px; cursor: pointer; z-index: 50; background: #fa7467; line-height: 27px; text-align: center;}
.blocForm .button.dec { left: 30px;}
.blocForm .button.inc { right: 30px;}
.blcFormulaire .bouton:after{ content: '';width: 17px;height: 14px; background:url(../images/arrow-btn.png)center no-repeat;display: block;position: absolute;top: 26px;right:32px; }
.blcFormulaire .send:after{ display: none }
#response{ color: #ffffff; text-align:center;}
#response p{ padding: 10px 20px;}
#response .succes{ color: #10ad65; font-family: 'Typold'; font-weight: bold;}
#response .error{ color: #df0c2a; font-family: 'Typold'; font-weight: bold;}
.facade-number{ width: 100%!important; padding-left: 0!important}
.facade-number select{ display: block;width: 100% }
.component-email.component-charge .input-group__append{ background: none;border: none; }
.component-email.component-charge .input-group__abbr{ text-transform: initial;color: #1c3452 }
.blocForm .select.obje-estim{ margin-bottom: 25px }


.tab .label-select{ margin-top: 30px }
.tab .select{ display: block ;margin-top: 0;margin-bottom: 0}
.tab .select select{ width: 100%;height: 60px;padding: 0 50px 0 20px;text-transform: initial;color: #a9bdd7;text-align: center;text-align-last: center; }
.tab .select:after{right: 20px;top: 4px}
.tab .select:last-child{ margin-bottom: 20px }
.estimation-row__input--large{ max-width: 340px }
.estimation-row__input--large.date{ margin-top: 61px;display: none }
.estimation-row__input--large.date.show{ display: block }
#ui-datepicker-div{ font-size: 14px;line-height: 20px; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background: #FAAC67;border-color: #FAAC67 }
.ui-state-default, .ui-widget-content .ui-state-default{ border-color: #FAAC67 }
.ui-widget-header {border: 1px solid #faac67;background:#faac67;}
.sousForm input.date{ background-image: url(../images/calendar.png); background-repeat: no-repeat;background-position-x: calc(100% - 20px);background-position-y: center;}

.component-consent__input .listItem{ display: flex;font-size: 0;flex-wrap: wrap }
.component-consent__input .listItem input.evaluation{padding: 0;height: 0;min-height: auto;width: 0}
.component-consent__input .listItem input.evaluation:before{ display: none;line-height: 16px; }
.component-consent__input .listItem label{ display: block ;width: 30px;padding-top: 40px; background: url(../images/like-white.png)top center no-repeat;background-size: 30px; position: relative;cursor: pointer}
.component-consent__input .item-evaluation{text-align: center;margin-right: 10px;margin-bottom: 5px;line-height: 14px;}
.component-consent__input .listItem label:after{ content: '';width: 30px;height: 30px;position: absolute;top: 0;left: 0;background: url(../images/like-blue.png)top center no-repeat;background-size: 30px;opacity: 0 }
.component-consent__input .item-evaluation.checked label:after{ opacity: 1 }

.bandeau{ width: 100%;background: linear-gradient(90deg, rgba(250,172,103,1) 0%, rgba(250,114,103,1) 100%);padding: 0 0 0;z-index: 99999;font: 14px/18px 'Typold';color: #ffffff; }

.triangle{ position: fixed;max-width: 300px;width: 100%;z-index: 50;top: 0;height: auto;padding: 55px 20px ;z-index: 9999;/* display: none  */;background: url(../images/bg-triangle.png)center no-repeat;height: 
    300px;transition: all ease-in-out 1s;left: 0;background-size: 300px}
/* .triangle:after{ content: '' ;position: absolute;left:0;width: 137%;height: 175%;background: linear-gradient(90deg, rgba(250,172,103,1) 0%, rgba(250,114,103,1) 100%);top:0;left: 0;-webkit-transform:skew(-64deg);-moz-transform:skew(-64deg); transform:skew(-64deg);top: -90%;} */
.content-triangle{ position: relative;z-index: 999;transform: rotate(-45deg);max-width: 300px; margin-top: -9px;margin-left: -79px; }

.content-triangle{ font: 12px/16px 'Typold';color: #ffffff;text-align: center }

 .coupon-mobile{ position: fixed;top: -165px;left: -121px; width: 583px;height: 100px;transform: rotate(-45deg);background: #002850;z-index: 9995;display: none}
 .coupon-mobile .img{ position: absolute;top: 50px;left: 62px;}

  .triangle .close{ width: 40px;height: 40px;background: url(../images/cancel.png)center no-repeat #ffffff;position: absolute;top:-52px;left: 0;right: 0;margin: auto; border-radius: 50%;opacity: 1;display: none}


/* Mark input boxes that get errors during validation: */
input.invalid, select.invalid { background-color: #dc584d;}
input.invalid::placeholder, select.invalid::placeholder { color: #fff;opacity: 1;}

#street_number-error,
#postal_code-error{ display: none!important }
#street_number.error,
#postal_code.error{ margin-top: 0!important }
#component-email__input-text-error,
#component-tel__input-text-error,
#lname-error,
#fname-error,
#autocomplete-error,
#locality-error{color: red}

.step3.tab .item { display: inline-block; vertical-align: top; width: 33%;padding-right: 40px}
.step3.tab .item label{ line-height: 28px }
.step3.tab .estimation-row{ border: none; }

.blocSimulation .logo{ position: absolute;top: 50px;left: 0;right: 0;margin: auto; width: 450px;z-index: 999}
.blocSimulation::before{ content: url(../images/deco3.png);top: inherit;bottom: -40px;display: none }
.blocSimulation{overflow: hidden;text-align: center;}
.blocSimulation p{ max-width: 1040px;margin-left: auto;margin-right: auto; }

.header-banner .top{ width: 100% }




/* Hide all steps by default: */
.tab { display: none}
.tab.current {display: block;}
.tab4 .item { display: inline-block; vertical-align: top; width: 24%;}
.tab4 .item:nth-child(2) { padding-right: 3%;}
.tab4 .item:last-child { width: 22%;}
.tab3 .item { display: inline-block; vertical-align: top; width: 33%; padding-right: 3%;}
.tab3 .item:last-child {  padding-right: 0; width: 30%;}
.tab4 .item .estimation-row, .tab3 .item .estimation-row { border: none !important;}
.tab4 .estimation-row__input, .tab3 .estimation-row__input { width: 100%; margin-left: 20px;}
#prevBtn:after { right: auto; left: 32px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.blcFormulaire .chp ::-webkit-input-placeholder               { opacity:1!important;color:#ffffff!important;}
.blcFormulaire .chp ::-moz-placeholder                        { opacity:1!important;color:#ffffff!important;}
.blcFormulaire .chp ::-ms-input-placeholder                   { opacity:1!important;color:#ffffff!important;}
textarea { resize: none;}
.tab h3 { margin-bottom: 30px;}
.label {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; line-height: 84px; z-index: 1;}
.radio .content{ position: relative;}
.radio input { background: #fff;}
.radio label { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center;}
#qtt { padding-left: 25%;}

.blcCodePromo{ margin-top: 25px;padding-bottom: 20px }
.chp-promo{ margin-right: 25px; }
.chp-promo input{ text-align: center ;display: inline-block;height: 60px !important;padding: 0 20px!important;}
.blcCodePromo .row{ margin:5px 0 0; }
.blcCodePromo .submit-promo input{ height: 60px;padding: 0 20px;background: #002850;color: #ffffff; }
.time p{ text-transform: initial;margin-bottom: 35px }

.blc-tel{ width: 100%;display: flex;flex-wrap:wrap }
.blc-tel>div{ max-width: 370px;width: 100% }

/* UPLOAD FILE */
.upload-file{ text-align: left }
.cont-file>span{ display: inline-block;height: 60px !important;background: #fafafa;margin-left: 0 ;padding: 9px 20px;}
.chp .input-file{ position: absolute;top: 0;left: 0;width: 100%;height:100%; opacity: 0;z-index: 50;cursor: pointer}
.cont-file{ display:flex;position: relative;margin-bottom: 15px;align-items: center }
.upload-file .chp{ display: block;margin-top: 25px }
.upload-file .info{z-index: -9999999;position: absolute;opacity: 0; }
.cont-file i{ height: 60px;padding: 0 20px;background: #002850;color: #ffffff;display: flex;align-items: center;justify-content: center;border-radius: 50px;width: 150px;margin-left: 15px;font-style: normal; } 
#spn_inputs{ border: none;padding: 0;display: flex;flex-direction: column;margin-left: 0 }
#more_files{ color: #002850; font-family: 'Lato' !important;font-size: 18px !important;}
.cont-file i.reset {right: 160px;z-index: 9999;cursor: pointer;}
.cont-file .imgPreview { display: none; }
.cont-file .imgPreview.shown { display: block; max-width: 150px; width: 100%; height: auto; }
.content-preview{ border: 1px solid #fff; overflow: hidden;display: none;width: 150px;height: 150px;padding: 5px }
.content-preview.shown{ display: flex;align-items: center;justify-content: center }

.upload-file label{ font-weight: bold }
.content_cont_file{ position: relative;display: flex;align-items: center }
.more{ position: relative;z-index: 55555555 }

.more{ height: 60px;padding: 0 20px;background: #002850;color: #ffffff;display: flex;align-items: center;justify-content: center;border-radius: 50px;width: auto;margin-left: 15px;font-style: normal;display: none;line-height: 16px;text-align: center;cursor: pointer }
.more.show{ display: flex }
.content_cont_file .listBoutton{display: flex}


/* FORMULAIRE */
.formulaire-mail{ padding-bottom: 100px }
.formulaire-mail .content{ max-width: 600px;margin:-100px auto 0;background: #ffffff;padding:70px 40px;position: relative;z-index: 55;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);  }
.formulaire-mail input{ display: inline-block;height: 60px !important;width: 100%;background: #ffffff;border: 2px #002850 solid;border-radius: 50px;padding: 0 25px}
.formulaire-mail .chp{ margin-bottom: 25px }
.header-arson.formulaire .top{ padding-top: 0 }
.formulaire-mail .send{ text-align: center; }
.formulaire-mail .send input{ width: auto;border:none;background: transparent ;position: relative;z-index: 20;font: 18px/34px 'Proxima Nova Bold';text-transform: uppercase;color: #ffffff}
.formulaire-mail .send span{ display: inline-block;background: linear-gradient(90deg, rgba(250,114,103,1) 0%, rgba(250,172,103,1) 100%);;border-radius: 50px;position: relative; }
.formulaire-mail .text{ margin-bottom: 25px;color: #FAAC67;font: 22px/34px 'Proxima Nova Regular';}
.formulaire-mail.formulaire-coach .send span{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b7995+0,39a887+99 */
background: #2b7995; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2b7995 0%, #39a887 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2b7995 0%,#39a887 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2b7995 0%,#39a887 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7995', endColorstr='#39a887',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.formulaire-mail .send span:before{ content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;  background: linear-gradient(90deg, rgba(250,172,103,1) 0%, rgba(250,114,103,1) 100%);border-radius: 50px;opacity: 0}
.formulaire-mail.formulaire-coach .send span::before { border-radius:5px ;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#369f8a+0,2b7995+99 */
background: #369f8a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #369f8a 0%, #2b7995 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #369f8a 0%,#2b7995 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #369f8a 0%,#2b7995 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369f8a', endColorstr='#2b7995',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
.formulaire-mail.formulaire-coach .send span{ display: block ;border-radius: 5px }
.formulaire-mail.formulaire-coach .send input{ display: block;width: 100%;}

.formulaire-mail.formulaire-coach .send span:before{ }
.formulaire-mail .chp ::-webkit-input-placeholder               { opacity:1;color:#002850;}
.formulaire-mail .chp ::-moz-placeholder                        { opacity:1;color:#002850;}
.formulaire-mail .chp ::-ms-input-placeholder                   { opacity:1;color:#002850;}
.formulaire-mail input:focus{ border-color: #FAAC67 }

.header-arson.order-received .sousCheckout{ display: none; }
.header-arson.order-received h1{display: none}
.header-arson.order-received .band{ display: none }

.formulaire-coach.formulaire-mail .text{ color: #297197}
.formulaire-coach.formulaire-mail input{ border-radius: 5px;border-color:#297197 }


.footer_coach .wrapper{ max-width: 1180px; margin:auto;}
.footer_coach .top_footer{ display: flex; justify-content: center;padding-bottom: 25px;max-width: 460px;margin: auto;border-bottom: 2px solid #abbed2;align-items: center;}
.logo-foot-coach{ width: 180px;display: block }
.footer_coach{ font-size: 16px!important;line-height: 25px  }
.footer_coach .blcCoord{ padding-left: 50px;}
.bottom_footer{ text-align: center;padding-top: 15px;text-transform: uppercase;color: #024059;font: 16px/24px 'Proxima Nova Rg';font-weight: normal  }
.footer_coach a{ color: #024059 }

.header-arson.coach{ background: url(../images/banner-coach.jpg)top center no-repeat #ffffff!important;height: 600px!important } 
.header-arson.coach::after{ background: #000;opacity: 0.3; }
.formulaire-mail.formulaire-coach .content{ margin-top: -200px }

.footer_coach{ font: 16px/24px 'Proxima Nova Rg';font-weight: normal }
.header-arson.formulaire.coach .top{ padding-bottom: 200px }


/* PAGE MERCI COACH */
.header-wicoach-merci{ background: none;height: auto;min-height: inherit ;}
.header-wicoach-merci .top{  padding: 40px 0 70px;}
.header-wicoach-merci:after{display: none}
.header-wicoach-merci .top .logo{margin-bottom: 20px}
.header-wicoach-merci .merci{color: #297197}
.header-wicoach-merci p { color: #3d3d3d }
.header-wicoach-merci .btn{ border-radius:5px ;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b7995+0,39a887+99 */
background: #2b7995; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2b7995 0%, #39a887 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2b7995 0%,#39a887 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2b7995 0%,#39a887 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7995', endColorstr='#39a887',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.header-wicoach-merci .btn:hover{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#369f8a+0,2b7995+99 */
background: #369f8a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #369f8a 0%, #2b7995 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #369f8a 0%,#2b7995 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #369f8a 0%,#2b7995 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369f8a', endColorstr='#2b7995',GradientType=1 ); padding: 18px 55px }


.header-wicoach-merci .top .logo{ min-width: 300px; }

/*SLIDER*/
.input-range-with-value__slider{ display: flex;align-items: center;position: relative }
.ui-slider-handle{ background:#002850!important;border-radius: 50%;border:2px solid #ffffff!important;cursor: pointer!important; }
.tooltip_slider{     position: absolute!important;height: auto!important;padding: 0 4px!important;border: none!important;margin: 0 0 0 -6px!important;top: -45px;background: #002850!important;color: #ffffff!important;border-radius: 0!important;left: -50%;width: 50px!important;min-width: 50px!important;text-align: center;opacity: 0;transition: all ease-in-out 0.4s;line-height: 34px}
.tooltip_slider:after{ content: '';position: absolute;left: 0;right: 0;margin: auto;width: 22px;height: 11px;background: url(../images/arrow-tooltip.png)center no-repeat;bottom: -6px }
.ui-slider .ui-slider-handle{ width: 22px!important;height: 22px!important }
.ui-slider-horizontal{ height: 14px!important }
.ui-slider-horizontal .ui-slider-handle{ top: -6px!important }
.error { display: inline-block; text-align: center;}
.woocommerce-billing-fields .woocommerce-invalid-required-field .error, label.error{
  text-align: left !important;
  color: #dc584d;
  font-weight: 400 !important;
  display: block !important;
}

.input-range-with-value{ align-items: center }

.star{ width: 100px; margin:25px auto 0;}
.star img{ width: 100% }


.range-value{
  position: absolute;
  top: -50%;
}
.range-value span{
  width: 50px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #002850;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 3px;
  transform: translate(-50%, 0);
  border-radius: 0;
  border: none;
  margin-left: 0;
  padding: 0;
  top: -10px;
  opacity: 0;

}

.range-wrap:hover .range-value span{ opacity: 1;transition: all ease-in-out 0.5s }

.range-value span:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #002850;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}

.output{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 12px 45px 12px 20px ;font-family: 'lato';font-weight: bold;font-size: 18px;text-align: center;border-radius: 50px;background: #ffffff;display: flex;justify-content: center;align-items: center;display: none}


.last-renovation-year__field{ display: block!important }
.last-renovation-year__field .enterDate { width: 100%;display: block }
.last-renovation-year__field .field{ margin-top: 20px }
.estimation-row__input--full-icon{ margin-left: 25px!important;width: 100%!important }


/* Mentions Legales */
.pageOther { padding-top: 50px; padding-bottom: 50px;}
.pageOther h2 { color: #002850;}
.pageOther h3 { margin: 25px 0 10px;}
.pageOther ul { padding: 20px 0 20px 60px;}
.pageOther ul>li { list-style-image: url(../images/check.png); margin-bottom: 15px; font-size: 18px;}


/* WOW COMMERCE */
#customer_details .col-1{width: 100%!important;max-width: 100%!important}
.woocommerce-input-wrapper{width: 100%!important;margin-bottom: 15px;}
.woocommerce-message::before, .woocommerce-info::before { color: #FAAC67; }
.woocommerce-message, .woocommerce-info {border-top-color: #faac67;}
.place-order .button,
.order-again .button,
.checkout-button { background: linear-gradient(90deg, rgba(250,114,103,1) 0%, rgba(250,172,103,1) 100%)!important;color: #fff;font: 18px/34px 'Typold'!important;font-weight: normal!important;font-weight: normal!important;text-transform: uppercase!important;padding: 18px 55px!important;border-radius: 50px!important;border: none!important;transition: all 400ms ease-in-out!important; }

.woocommerce-notice{text-align: center;padding: 25px 40px;color: #fff;background: #002850;margin-bottom: 40px}
.woocommerce-order-overview,
.woocommerce-order-details{padding: 0 40px;}
.actions .button{ background: #002850!important; }
.woocommerce-order-details__title,
.woocommerce-column__title{ color: #002850!important ; }
.about_paypal{ margin-left: 15px }

.woocommerce-additional-fields{  }


.stripe-icon{ display:inline-block;width:15%}
.wc_payment_method .input-radio{ width: 20px;height: 20px;border: 2px solid #000!important;position: absolute;left: 0;top: 15px; }
.wc_payment_method .input-radio:checked,.wc_payment_method .input-radio:checked,.wc_payment_method .input-radio:hover:checked,.wc_payment_method .input-radio:focus:checked{background-color: #ffffff;
box-shadow: none;}
.wc_payment_method { padding-left: 40px;position: relative }
.wc_payment_method:after{  } 
.wc_payment_method>label{ position: relative }
.wc_payment_method>label:before{ content: '';position:absolute; left: -35px;top:2px;width: 10px;height: 10px;border-radius: 50%;background:#faac67;opacity: 0;}

.wc_payment_method .input-radio:checked + label::before {opacity: 1}
.bandeau .btn{ margin: 0;background: none;border: 2px solid #ffffff;padding: 6px 25px ;font-size: 15px}
.bandeau .prom{ padding:24px 0;margin:0;max-width: 100%;font-size: 25px; line-height: 22px; width: 100%;text-align: center;background: #002850;}
.bandeau .prom a{color: #ffffff}
.bandeau .prom a:hover{text-decoration: none}
.bandeau .prom strong { font-weight: bold;}
.prom .content-prom{ max-width: 100%; padding: 0 40px; text-align: center;margin: auto; }
.bandeau .prom b{ text-decoration: underline; color: #faac67}


/** MERCI **/
.page-template-page-merci .header-banner { /*background-image: url(../images/map.svg) !important;*/ background-image: none !important; background-size: 110%; background-position: center; background-repeat: no-repeat; min-height: 100vh; text-align: center; position: relative; align-items: flex-start !important;}
.page-template-page-merci .top .logo { max-width: 568px; width: 100%; display: block; margin: 0 auto 140px;}
.merci{ color: #F9B03E;font: 55px/65px 'Typold';font-weight: normal; margin-bottom: 22px;text-transform:uppercase; margin-top: 30px}
.page-template-page-merci .btnTransform { margin: 40px auto 0;}
.bandeau #arson,
.triangle #arson{ font: 20px/25px 'Typold';font-weight: bold;margin:0}
.bandeau #finaritra,
.triangle #finaritra { font: 13px/16px 'Typold';font-weight: bold;}
.bandeau p { /* display:flex;align-items:center;flex-wrap:wrap;justify-content:center; */ margin-bottom: 5px}
.header-arson { height: 400px!important;position: relative }
.header-arson .logo { margin-bottom: 0;}
.bandeau .hasina {}
.page-template-page-checkout .header-arson { height: auto !important;position: relative;}
.page-template-page-checkout .header-arson .top { display: block !important; align-items: flex-start; padding:10px 0 130px}
.page-template-page-checkout .header-arson .top h1 br { display: none; }
.page-template-page-checkout .header-arson:after { background: linear-gradient(180deg, rgba(0,40,80,1) 0%, rgba(0,40,80,.7) 100%);}
.page-template-page-checkout .header-arson .logo { max-width: 580px; min-width: inherit; width: 100%; margin-bottom: 20px;}
.header-arson .top { display: flex;justify-content: center;align-items: center;height: 100%;}
.sousCheckout { display: flex; justify-content: center; align-items: center;}
.sousCheckout .cover { display: flex; justify-content: flex-start; align-items: center; text-align: left;}
.sousCheckout .cover img { display: block; width: 137px; height: 179px; object-fit: cover;}
.sousCheckout .cover>div { margin-left: 15px; font: 18px/28px 'Typold'; font-weight: 300; color: #fff;}
.sousCheckout .cover>div span, .rapport span { display: block; font-size: 15px; font-weight: 300; color: #FAAC67; text-transform: uppercase; margin-top: 10px;}
.sousCheckout .cover>div .strong { display: block;  font: 55px/36px 'Typold'; font-weight: bold; color: #FAAC67; position: relative; margin-top: 10px;}
.sousCheckout .cover>div .strong:before { content: ""; width: 175px; height: 3px; background: #FAAC67; position: absolute; top: 20px; left: -20px; transform: rotate(-24deg);}
.sousCheckout .cover1 { margin-right: 40px;}
.sousCheckout .cover1>div { width: 180px;}
.sousCheckout .cover1 img { width: 120px; height: 170px; margin-top: 25px; transform: rotate(5deg);}
.sousCheckout .cover2>div { width: 245px; font-size: 20px;}
.sousCheckout .cover2 img { width: 120px; height: 170px; margin-top: 25px; transform: rotate(-4deg);}
.sousCheckout .cover2>div .strong:before { width: 135px;}
.rapport { background: rgb(250,172,103); background: linear-gradient(0deg, rgba(250,172,103,1) 0%, rgba(250,113,103,1) 100%); width: 225px; min-width: 225px; height: 225px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font: 18px/22px 'Typold'; margin-left: 15px;}
.rapport span { color: #fff; margin-top: 6px;}
.rapport .strong { display: block; font: 55px/36px 'Typold'; font-weight: bold; color: #fff;}
.band { background: rgb(250,172,103); background: linear-gradient(0deg, rgba(250,172,103,1) 0%, rgba(250,113,103,1) 100%); margin-top: 0; padding: 25px 0 15px; text-align: center; color: #fff;position: relative;z-index: 555}
.band h2 { font: 30px/18px 'Typold'; font-weight: bold; color: #fff; margin-bottom: 15px}
.plus { background: url(../images/icon-plus.png) center no-repeat; display: none; width: 37px; height: 37px; border-radius: 50%; position: absolute; top: 50%; margin-top: -54px; left: 50%; margin-left: -93px; z-index: 5;}

.page-template-page-other .header-banner{ height: 500px; }
.page-template-page-other .header-banner .logo{ margin-bottom: 25px }
.blocSimulation h2{ text-align: center; }
.row-bandeau{ display: flex;justify-content: space-between;max-width: 910px;margin: auto; align-items: center;padding: 5px 40px 5px}
.bandeau  .left{ padding-bottom: 5px ;}
.bandeau  .right{ display: flex;justify-content: flex-end;margin-left: 0; }

.page-template-page-merci .logo{ margin-bottom: 70px }

.page-template-page-merci  .btn.fixe{ display: none }

/* page checkout */
form.checkout.woocommerce-checkout {
    display: flex;
    padding: 40px
}
.woocommerce-page.woocommerce-checkout form #order_review,
.woocommerce-page.woocommerce-checkout form #order_review_heading{
  width: 100%;
  float: none;
}
.woocommerce-page.woocommerce-checkout form #customer_details.col2-set{
  width: calc(100% - 700px);
  margin-right: 0!important;
  padding-right: 60px
}
div#zebre_wrap {
    width: 700px;
}
.checkout_coupon.woocommerce-form-coupon{
  display: block !important;
}
.woocommerce-form-coupon-toggle{
  display: none;
}
form.checkout_coupon.woocommerce-form-coupon {
    position: fixed !important;
    top: -1000px;
    opacity: 0;
}

#fake_valid_coupon,#pay_full_link{ background: #002850;background: linear-gradient(90deg, rgba(250,114,103,1) 0%, rgba(250,172,103,1) 100%) !important;
color: #fff;font: 16px/34px 'Typold' !important;    font-weight: normal;font-weight: normal !important;font-weight: normal !important;text-transform: uppercase !important;padding: 25px 20px !important;
border-radius: 50px !important;border: none !important;transition: all 400ms ease-in-out !important; }
#zebre{ margin-bottom: 15px }

/*.woocommerce-checkout .input-text:focus{ border-color: #FAAC67!important }*/
#add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {max-width: 58px!important;padding-left: 3px; margin: 0;width: 100%}
.woocommerce-checkout  label{ cursor: pointer }
.woocommerce-page form .form-row-first{ width: 49%!important }
.woocommerce-page form p.form-row{ height: 110px !important; display: block; }
 .woocommerce form #zebre .form-row{ padding: 0!important }

 .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
 .woocommerce .select2-container .select2-selection--single{ height: 84px;border-radius: 50px;border: none;padding-left: 60px;
color: #676767;-webkit-box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05);-moz-box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05);box-shadow: 0px 8px 15px 8px rgba(0,0,0,.05);font-family: 'lato';font-weight: bold;font-size: 18px; }
.woocommerce .select2-container .select2-selection--single{ padding-top: 31px }

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{ background: url(../images/icon-select.svg)center no-repeat;width: 25px;
height: 14px;font: bold 15px/20px "Lato";color: #fff;right: 30px;top: 22px;bottom: 0;margin: auto;pointer-events: none;z-index: 50;border-radius: 0;text-align: center; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ display: none }

.product-total{ width: 130px!important}
#order_review_heading .d-flex{ align-items: center;
}



.scrollDown{ font-size: 14px;position: absolute;bottom: 40px;left: 0;right: 0;width: auto;display: inline-block;margin: auto;color: #fff;z-index: 999;padding-bottom: 50px;width: 300px;text-align: center }
.scrollDown:after{ content: '';width: 50px;height: 50px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;background: url(../images/scrolldown.png) center no-repeat;border: 2px solid #ffffff;border-radius: 50%;animation: MoveUpDown 1s infinite ease-in-out; }
.scrollDown:hover:after{ animation-play-state: paused; }
.scrollDown:hover,
.scrollDown:focus{ color: #ffffff;text-decoration: none }
@keyframes MoveUpDown {
  0% {
    background-position-y: 11px;
  }
  50% {
  background-position-y: 9px;
  }
  100% {
    background-position-y: 11px;
  }
}

.btn_plein{ position: fixed;bottom: 0;left: 0;z-index: 999;padding: 0 10px;font-size:9px;background: none;border: 2px #FAAC67 solid;background: #fff;color: #FAAC67;border-radius: 0 }
.btn_plein:hover{padding: 0 10px!important; }

.content_shop{padding: 70px 40px;}
.content_shop .col-book{ max-width: 300px;margin:auto;width: 100%;text-align: center}
.content_shop .row{justify-content: center;align-items: center;}
.woocommerce-invalid-required-field input{ background: #dc584d!important; }
.woocommerce-error{ display: none!important}
.content_shop .titre{ font: normal 16px/25px 'Typold';color: #000;margin-bottom: 10px; min-height: 75px }
.content_shop h2{  font: 40px/50px 'Typold';color: #FAAC67;font-weight: bold }
.content_shop .col-book img{display: block;margin:auto;}
.content_shop .btn{padding: 18px 30px;}
.content_shop .btn:hover{ padding: 18px 30px; }
.content_shop .prix{ font: 25px/25px 'Typold';font-weight: bold;color:#FAAC67 ;margin-top: 20px; }


 
/* Footer */
footer { background: #E6E4E4; padding: 50px 0 50px;}
footer ul>li>a { color: #002850;}
footer ul>li { font-family: 'Lato'; font-size: 18px; color: #002850; line-height: 18px;}
footer ul>li:after { content: ''; border-right: 1px #CBCBCB solid; margin: 0 20px 0 24px;}
footer ul>li:last-child:after { display: none;}
.logoFoot:active,
.logoFoot img:active,
.logoFoot:active,
.logoFoot:focus,
.logoFoot img:focus,
.logoFoot:focus{ outline: none!important;box-shadow:none!important; }
.logoFoot:active,
.logoFoot img:active,
a:active{ border:0!important; box-shadow:none!important}
a:active, a:focus{ box-shadow:none!important; }
.footer1 .adr{ font-family: 'Lato';font-weight: 400;font-size: 18px;line-height: 22px;padding:0 15px;color: #002850 }

.estimation-row.total.component-has-garden-area.d-flex.align-items-center.justify-content-start { border-bottom: none;}
.logoFoot{ width: 250px;height: 52px; }
.footer1 .adr a{ color: #002850; }

/***** MODIF PAGE MERCI *************/
.page-template-page-merci .top .logo { margin-bottom: 20px }
.page-template-page-merci .top p  { color: #002850 }
.page-template-page-merci .top  { padding-top: 20px }
.map-head { height: 400px;display: block; width: 100%; margin-top: 40px}
.map-head  img { display: block;height: 400px; width: 100% ;object-fit: contain}
.header_merci p { color: #002850 }
.page-template-page-merci .header_merci { background-image: none !important; background-color: #fff   }
.header_merci .logo_top { margin-bottom: 20px }
.order-received .scroll  { display: none !important; }
.woocommerce .btnTransform { margin-bottom: 45px }
 /* #component-email__input-text.form-control.etp1  { height: 84px !important } */
 .header-banner:after{
    content: '';
    background: linear-gradient(180deg, rgba(0,40,80,.8) 0%, rgba(0,40,80,.4) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}
.page-template-page-merci  .header-banner:after { background: none }
.page-template-page-checkout .btn:hover{ padding: 18px 55px !important }
.page-template-page-checkout .order-received.header-arson::after { background: #fff;} 
.page-template-page-checkout .order-received.header-arson { background-image: none !important }
.page-template-page-checkout .order-received.header-arson .top { padding: 10px 0 0 }
.woocommerce-notice { background-color: transparent; color: #002850; margin-bottom: 0; padding: 20px 40px 5px  }
.woocommerce-order {text-align: center;}
.order-received .map-head { margin-top: 40px }
.order-received  .merci { margin-bottom: 0; margin-top: 20px }

.compass-slider__cursor { top: -1px !important}
.content_shop .container { /*max-width: 1000px*/ }
.loader { position: absolute; background-color: #fff; width: 100%; height: 100%; display: block; z-index: 20; display: none; }
.se.compass-slider__input__area { left: 78% !important }


.woocommerce-checkout .payment_method_stripe img {
  width: 200px;
}

.woocommerce-checkout label img {
  max-width: 100px !important;
  float: left !important;
  max-height: 60px !important;
  width: 55px;
  height: auto;
}


.wc_payment_method label {
  height: 50px !important;
}

.content_shop .titre span { display: block; font-size: 14px;}

.order_details { display: none; }

#payconiq-transaction { margin: 40px auto;}
#payconiq_message { display: block;}

.link_pop{ color:#38a988;text-decoration: underline!important;font-weight: bold; }


/* Hover */
@media (min-width:1200px) {
    a:hover { color: #38a988; text-decoration: none;}
    .btn:hover, .blocSimulation .blocBtn .btn:last-of-type:hover,
    .blocPrix .btn:last-of-type:hover, .slick-arrow:hover { background: linear-gradient(90deg, rgba(250,114,103,1) 0%, rgba(250,114,103,1) 100%); color: #fff;}
    .btn:hover { background: linear-gradient(90deg, rgba(250,172,103,1) 0%, rgba(250,114,103,1) 100%); padding: 18px 75px;}
    /* .blocSimulation .btn:last-of-type:hover { background: #fff !important; border: 2px #fff solid; color: #002850 !important;} */
    .sousForm span:hover { border-color: transparent !important;}
    #nextBtn:hover, #prevBtn:hover {transform: translateY(-4px);}
    footer a:hover { color: #FAAC67;}
    .input-range-with-value__slider:hover .tooltip_slider{ opacity: 1 }
    .blcCodePromo .submit-promo input:hover{ color: #002850;background: #ffffff; transition: all ease-in-out 0.5s}
    .formulaire-mail .send span:hover:before{ opacity: 1 ;transition: all ease-in-out 0.5s}
    .bandeau .btn:hover{ padding: 6px 25px }
    .footer1 .adr a:hover{ color: #FAAC67; }
    .bandeau .prom:hover{ background: linear-gradient(90deg, rgba(250,114,103,1) 0%, rgba(250,172,103,1) 100%); }
    .link_pop:hover{ color: #024059 ;text-decoration: underline!important }
}

/* Responsive */
@media (max-width:1680px) {
    .blocSimulation .text-transform { transform: translate(-35px, 10px);}
}
@media (max-width:1500px) {
    .btnForm .d-flex { flex: 0 0 100% !important; max-width: 100% !important;}
    .sousForm input { padding-left: 30px;}
    .sousForm input[type="range"]{ padding-left: 0 }
    .bandeau .btn{ padding: 6px 18px }
     .bandeau .btn:hover{ padding: 6px 18px }
     div#zebre_wrap{ width: 600px }
     .woocommerce-page.woocommerce-checkout form #customer_details.col2-set{width: calc(100% - 600px);}
     .triangle::after{ height:162%  }
     .content-triangle{ max-width: 320px; margin-top: -8px;margin-left: -90px; }
     .blocSimulation .logo{ top: 46px; }
     .blocSimulation{ padding-top: 193px }
     .page-template-page-checkout .header-arson .logo { margin-bottom: 10px }


}
@media (max-width:1360px){
    .blocPrix { padding: 50px 0 50px;}
    .blocPrix .row { flex-direction: column;}
    .blocPrix .col-md-7, .blocImg { width: 100% !important; flex: 1 !important; max-width: 100% !important;}
    .blocPrix ul { padding: 0 0 0 40px !important; width: 100% !important;}
    .blocImg { position: relative; height: 450px; margin-top: 50px; right: 0;}
    .sousForm { padding: 100px 100px 65px;}
    .slick-prev { left: 50px; margin-left: 0;}
    .slick-next { right: 50px; margin-right: 0;}
    .test { opacity: 1 !important;}
      div#zebre_wrap{ width: 50% }
     .woocommerce-page.woocommerce-checkout form #customer_details.col2-set{width: 50%;padding-right: 30px}
     .triangle:after{ -webkit-transform:skew(-67deg);-moz-transform:skew(-67deg); transform:skew(-67deg); }
     /* .blocSimulation .logo{top: 160px} */
     /* .triangle{ padding: 33px 20px; } */
     .content-triangle{ margin-top: -7px;margin-left: -86px; }
}
@media (max-width:1200px){
    .header-banner { height: auto !important;}
    .top { padding: 50px 0 150px;}
    .logo { margin-bottom: 50px;}
    h1,.merci { font-size: 45px; line-height: 50px; margin-bottom: 40px;}
  .merci{ margin-bottom:15px; margin-top: 20px}
    h2 { font-size: 30px !important; line-height: 35px !important;}
    .blocLance { padding: 75px 0;}
    .blocLance .item { line-height: 22px;}
    .blocLance .item span { font-size: 25px; line-height: 30px;}
    .blocLance .btn { margin-top: 50px;}
    
    .blocSimulation .col-md-12 { flex: 1 !important; max-width: 100% !important; width: 100%;}
    .blocSimulation .text-transform { display: none;}
    .blocSimulation .blocBtn { margin-top: 50px; flex-direction: column;}
    .blocSimulation .blocBtn .btn:last-of-type { margin-left: 0; margin-top: 30px;}
    .test { margin: 25px 15px 0;}
    .sousForm { padding: 100px 40px 65px;}
    .blocTest { padding: 75px 40px 50px;}
    .test .text { min-height: 445px;}
    .slick-next { right: -25px;}
    .slick-prev { left: -25px;}
    footer { padding: 30px 0 0;}
    footer .container>div { flex-direction: column;}

    .logoFoot { margin-bottom: 25px;}
    .footer1 .adr{ padding: 15px 20px 35px;text-align: center}

    .page-template-page-checkout .header-arson .top .col-lg-10 { flex: 0 0 100%; max-width: 100%;}
    .footer_coach{ padding: 30px 0;background-position: left center !important; }
    .formulaire-mail.formulaire-coach .content{margin-top: -100px}
    .header-arson.formulaire.coach .top{ padding-bottom: 100px }
    .header-arson.coach{height: 500px!important}
    .page-template-page-merci .btnTransform { margin: 30px auto 0;}

}
@media (max-width:1023px){
    .test .text { min-height: 325px;}
    .blocForm .button.dec { left: 5px;}
    .blocForm .button.inc { right: 5px;}
    #qtt { padding-left: 20%;}
    .formulaire-mail{ padding-bottom: 70px }
    .header-arson.formulaire .top{ padding-bottom: 100px }
    form.checkout.woocommerce-checkout{display: block}
    div#zebre_wrap{ width: 100% }
     .woocommerce-page.woocommerce-checkout form #customer_details.col2-set{width: 100%;padding-right: 0}
    /* #customer_details .col-1{ padding: 0!important }*/
     .blocSimulation .logo{ top: 80px; }
}
@media (max-width:980px){
    .blocPrix .blocBtn { margin-top: 15px; justify-content: start !important;}
    .blocPrix .btn:last-of-type { margin-left: 25px;}
    .blocForm .col-md-3 { flex: 0 0 50%; max-width: 50%;}
    .blocForm .col-md-6 { flex: 0 0 100%; max-width: 100%; margin-top: 30px;}
    .btnTest { margin-top: 35px;}
    .draggable { padding-bottom: 20px !important;}
    .test { padding: 30px 20px;}
    .iconLabel { width: 60px;}
    .sousForm .input-radio span { margin-top: 0 !important;}
    .input-radio { height: 105px;}
    .input-radio label { padding: 15px 0 10px;}
    .sousForm .btnForm { margin-top: 35px;}
    footer ul { flex-direction: column;}
    footer li { margin-bottom: 15px; text-align: center;}
    footer ul>li:after { display: none;}
    .tab4 .item, .tab3 .item { width: 49% !important;}
    .sousForm .btnForm{ margin-left: auto;margin-right: auto;float: none!important }
    .step3.tab .item {width: 48%}
    .bandeau{ position: relative }
  footer > .container > .d-flex{justify-content:center!important;align-items:center!important;flex-wrap:wrap}
  footer > .container ul.d-flex{ width:100%;margin-top:30px}
    .row-bandeau{ flex-direction: column }
    .bandeau{ padding: 0}
    .bandeau .left{width: 100%;text-align: center}
    .bandeau .right{width: 100%;justify-content: center;padding: 10px 0 13px;text-align: center}
    .blocSimulation .logo{ width: 50%;min-width: 280px; }
    .prom .content-prom{ max-width: 100%;text-align: center }

    .page-template-page-merci .header-banner { min-height: auto;}
    .page-template-page-checkout .header-arson { height: auto !important; background-size: cover; background-position: center; background-repeat: no-repeat;}
    .page-template-page-checkout .header-arson .top { padding: 10px 0 140px}
    .band { margin-top: 0; padding:25px 0 15px}
    .plus { display: block;}
    .sousCheckout { flex-direction: column;}
    .sousCheckout .cover1 { margin-right: 0;}
    .sousCheckout .cover2 { margin-left: 60px;}
    .rapport { margin-top: 15px; margin-left: 0;}
    .band h2 { margin-bottom: 10px;}
    .listBoutton{ flex-direction: column; }
    .cont-file i{ margin: 10px 0; }
    .content_cont_file .listBoutton{ margin-left: 15px }
    .more{align-self: baseline;margin-top: 10px}

    .merci { margin-bottom: 10px; margin-top: 20px;}
    .page-template-page-merci .btnTransform { margin: 20px auto 0}
    .map-head { margin-top: 20px }
    .header-arson { background-position: center }

}

@media (max-width:900px){
  .estimation-row__input--large.date{ margin-top: 0 }
}

@media (max-width:768px){
  .page-template-page-merci .top { padding: 40px 0;}
    h1 ,.merci{ font-size: 30px; line-height: 35px; margin-bottom: 30px;}
  .merci{margin-bottom:10px}
    h1 br { display: none;}
    .blocLance { padding: 45px 0 60px;}
    .blocLance .item { margin-bottom: 35px; border: none;}
    .blocLance .btn { margin-top: 0;}
    .blocSimulation .blocBtn, .blocPrix .blocBtn  { flex-direction: column;}
    .blocPrix .btn:last-of-type { margin-left: 0; margin-top: 25px;}
    .sousForm input, .sousForm select { height: 60px; padding-left: 20px; font-size: 16px!important;}
    select:first-of-type, .sousForm input::placeholder, .sousForm textarea::placeholder { font-size: 14px !important;}
    .label { line-height: 60px; text-align: center !important;}
    input[type="checkbox"] + label::after { top: 9px;}
    .slick-dots li { margin: 0 7px;}
    .slick-dots li>button { width: 35px; height: 5px;}
    .slick-dots li.slick-active>button { height: 10px;}
    .sousForm .btn { padding: 0 15px; font-size: 14px;}
    .blocSimulation { background: #002850;padding-top: 238px;}
    .garage, .jardin,.terrasse,.grenier, .choix .form-group { margin-bottom: 0 !important;}
    .blocForm .col-md-6 { margin-top: 20px;}
    .sousForm .form-group { margin-bottom: 20px;}
    .blocSimulation .blocBtn .btn:last-of-type{ margin-left: 0;margin-top: 0 }
    .header-banner{ min-height: inherit; }
    .blocSimulation .logo{ top: 116px; }
    .cont-file{ margin-bottom: 25px }
    .upload-file .info{ text-align: center }
    .footer .col.col1{ text-align: center }

    .prom .content-prom { padding: 0 20px;}
    .bandeau .prom { font-size: 18px; line-height: 20px;}
    .map-head { height: auto;} 
    .map-head img { height: auto; }

    #component-email__input-text.form-control.etp1 { height: 60px !important;}
    .form-group.marge-mob { margin-bottom: 0 !important }
    .form-group.marge-mob .col-md-6 { margin-bottom: 20px !important }
    .header-wicoach-merci .top{ padding: 40px 0 50px; }

    .content_shop .col-book { margin-bottom: 40px }
    #payconiq-transaction { margin-left: 40px;}
    #payconiq-transaction { margin-right: 40px;}

}


@media (max-width:690px){
  /* .content_shop .col-book{ padding: 0 0 40px; } */

}


@media (max-width:600px){
  .page-template-page-merci .top .logo { margin: 0 auto 40px;}
    .logo { width:100%; padding: 0 20px}
    .logo img { width: 100%; height: auto; display: block;}
    body { font-size: 18px; line-height: 24px;}
    .container { padding: 0 20px;}
    .top { padding: 50px 0 60px;}
    .header-banner .text-transform { position: relative; left: 0; top: 0;}
    h2 { font-size: 24px !important; line-height: 28px !important;}
    .sousForm h2 { margin-bottom: 35px;}
    .btnTransform { width: auto; margin: 20px auto 0; position: relative;}
    .btn { font: 14px/28px 'Typold'; padding: 15px;}
    .btn.fixe { padding: 15px 40px 15px 15px;}
    .sousForm { padding: 70px 20px 60px; border-radius: 0;}
    .blocForm .col-md-3 { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px;}
    .blocForm .col-md-3:last-child{ margin-bottom: 0 }
    .blocForm .col-md-6 { margin-top: 0;}
    .blocForm .col-md-6 { flex-direction: column;}
    .sousForm .btn { height: 50px; line-height: 50px;}
    .sousForm span,
    .sousForm span.sipan { border: none; padding: 0; margin-left: 0; margin-top: 0;}
    .blcBoutton #prevBtn{ margin-bottom: 20px }
    .test strong { font-size: 16px;}
    .blocForm .container { padding: 0;}
    .estimation-row { flex-direction: column !important; justify-content: start !important; align-items: start !important;}
    .estimation-row>.d-flex { width: 100%;}
    .estimation-row__input--full-icon { width: 100%; margin-left: 0!important; margin-top: 20px;}
    .estimation-row__input--medium { padding-left: 0; width: 65%; margin: 20px 0;}
    .input-range-with-value__slider input { padding-left: 10px;}
    label { text-align: left;}
    .estimation-row__subfield__input { width: 100%;}
    .estimation-row__icon { width: 5rem;}
    .blocTest { padding: 45px 20px 60px;}
    .blocTest h2 { margin-bottom: 0;}
    .test { margin: 25px 0 0;}
    .last-renovation-year__field { flex-direction: column; align-items: flex-start;}
    .enterDate { margin: 20px 0; height: 50px !important;}
    .estimation-row__input--full-icon>.d-flex, .component-input-range-with-value { flex-direction: column; align-items: flex-start !important;}
    .input-range-with-value__slider { height: 40px; width: 100%; margin-right: 0;}
    .input-range-with-value__input, .input-range-with-value__input--error { width: 50%;}
    .component-has-garden-area .estimation-row__icon { margin-bottom: 25px;}
    .component-has-garden-area .estimation-row__label, .estimation-row__subfield__label { width: 100%;}
    .input-range-with-value__input, .input-range-with-value__input--error { width: 65%;}
    .step a { margin-right: 15px;}
    .blcBoutton { flex-direction: column; float: none !important; display: flex;}
    .sousForm .btn { display: inline-block; width: fit-content; margin: 0 auto;min-width: 240px}
    .etage>div { flex-direction: column; align-items: flex-start !important; margin-top: 20px;}
    #sub3 { margin-bottom: 20px;}
    #sub3 .estimation-row__subfield__input { width: 75%; padding-left:0; margin-top: 20px;}
    footer ul>li:first-child a { margin-top: 15px; display: block;}
    .pageOther{ padding-top: 40px;padding-bottom: 30px }
    .blocForm .select{ margin: 0 -15px!important }
    .estimation-row__input label { font-size: 15px;}
  /*   .n.compass-slider__label__letter { top: 16%;}
    .ne.compass-slider__label__letter { top: 28%;}
    .e.compass-slider__label__letter { top: 56%;}
    .se.compass-slider__label__letter { top: 84%; left: 78%;}
    .s.compass-slider__label__letter { top: 96%;} */
  /*   .sw.compass-slider__input__area, .sw.compass-slider__label__letter { top: 84%; left: 23%;}
    .w.compass-slider__label__letter { top: 56%; left: 11%;}
    .nw.compass-slider__input__area, .nw.compass-slider__label__letter { top: 28%; left: 23%;} */
    .tab .select{ margin: 0 0 25px!important; }
    .tab .select select{ font-size: 16px!important;padding: 0 45px 0 20px; }
    .component-consent__input .listItem label{ text-align: center }
    .component-consent__input .listItem label::after { width: 100%;height: 100%;background-size:contain  }
    .chp-promo{ width: 160px; }
    .chp-promo input{ width: 100% }
    .cont-file{display: flex; flex-direction: column}
    .cont-file > span{ padding: 9px 20px;display: flex;align-items: center }
    .cont-file i{ margin: 15px 0 0 ; }
    .logo{ min-width: inherit }
    .blocSimulation{font-size: 20px}
    .row-bandeau{ padding: 15px 20px }
    .woocommerce-order-overview, .woocommerce-order-details{ padding: 0 20px; }
  .stripe-icon{ width:30%}
    .header-banner-arson{ height: 250px!important; }
    .bandeau .hasina{ flex-direction: column }
    .blocSimulation{ padding: 205px 0 60px;background-size: cover ;background-position: center}
    .woocommerce-page.woocommerce-checkout form #order_review{ padding: 0 !important }
    .place-order .button, .order-again .button, .checkout-button{ padding: 18px 25px!important }
    .blocSimulation .logo{ width: 100%;top: 60px;max-width: 400px }
    .bandeau .prom{ padding: 15px 20px; }
    .formulaire-mail .content{ margin-top: 0;padding: 45px 20px 60px}
    .header-arson.formulaire .top{ padding-bottom: 0 }
    form.checkout.woocommerce-checkout{ padding: 20px 20px 40px}
    #zebre .form-row{ width: 100% }
    #billing_last_name_field,
    #billing_first_name_field,
    .woocommerce-page form .form-row-first{ width: 100%!important;float: none!important }
    .woocommerce form #zebre .form-row{ justify-content: center;margin-top: 15px }
    #primary, #secondary{ float: none }
    .triangle{ background-position: left top }
  /*   .coupon-mobile{ display: block } */
     .triangle.active{ top: 0;transition: all ease-in-out 1s;left: 0 }
     .triangle{ top: -100%;left: -100%;transition: all ease-in-out 1s;}
     .triangle .close{ display: block }
     .triangle{ width: 320px;height: 320px;background-size: contain }
     .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce .select2-container .select2-selection--single{ padding-left: 25px;font-size: 16px;padding-right: 25px }

     footer {padding: 45px 0 45px;}
     .blocPrix h2{ text-align: center }
     .header-banner{ background-position: left;background-size: cover }
     .page-template-page-merci .logo{ margin-bottom: 40px }

     .sousCheckout .cover>div { font: 11px/17px 'Typold'; font-weight: normal;}
     .sousCheckout .cover1 { margin-bottom: 12px;}
     .sousCheckout .cover1 img { width: 82px; height: 115px; margin-top: 0; transform: rotate(5deg);}
     .sousCheckout .cover>div span, .rapport span { font-size: 8px; margin-top: 6px;}
     .sousCheckout .cover1>div { width: auto;}
     .sousCheckout .cover>div .strong { font: 33px/22px 'Typold'; margin-top: 5px;}
     .sousCheckout .cover>div .strong:before { width: 105px; top: 21px; left: -10px; transform: rotate(345deg);}
     .sousCheckout .cover2>div { width: auto; font-size: 12px;}
     .sousCheckout .cover2 { margin-left: 30px;}
     .sousCheckout .cover2 img { width: 82px; height: 115px; margin-top: 0;}
     .sousCheckout .cover2>div .strong:before { width: 89px; top: 10px; left: -15px;}
     .plus { margin-top: -47px; margin-left: -75px;}
     .rapport { width: 125px; min-width: auto; height: 125px; font: 11px/13px 'Typold';}
     .rapport span { margin: 6px 0 4px;}
     .rapport .strong { font: 33px/22px 'Typold';}
     .band { padding: 10px 0 0;}
     .band h2 { font: 15px/19px 'Typold' !important; margin-bottom: 5px;}
     .band p { font-size: 12px;margin-bottom: 14px;line-height: 14px}
     .component-consent__input .item-evaluation{ width: calc(10% - 10px); }
     .component-consent__input .listItem label{ width: 100%;background-size: contain }
     .sousForm span.sipan{ border: none;padding: 0; }
     .content_cont_file{ flex-direction: column }
     .more{ align-self: center;margin-left: 0 }
     .content_cont_file .listBoutton{ margin-left: 0 }
     .cont-file i{ width: 100%;min-width: 229px }
      .prom .content-prom{ font-size: 14px;padding: 0 10px; }
      #order_review_heading .d-flex{display: block!important;text-align: center;}
        #order_review_heading { padding: 40px 10px 20px!important; }
      #pay_full_link{display: block!important;max-width: 260px;margin:25px auto 0;}
      .product-total{width: 100px!important}
      tr.note_kely td{ font-size: 16px }
      #apres_zebre{ margin-top: 40px }
      .place-order .button{ line-height: 22px!important }
      .compass-slider__output { font-size: 15px;}
      .header-arson.shop{height: 260px!important}
      .content_shop .btn{ padding: 15px 25px; }
      .page-template-page-checkout .header-arson .top h1{ margin-bottom: 15px;font-size: 24px;line-height: 28px; }
      .page-template-page-checkout .header-arson .top {padding: 10px 0 116px;}
      .page-template-page-checkout .order-received.header-arson .top { padding: 10px 0 0;}
      .footer_coach .blcCoord{ padding-left: 0;margin-top: 10px }
      .footer_coach{ padding: 30px 20px; }
      .formulaire-mail.formulaire-coach .content{ margin-top: 0 }
       .header-arson.formulaire.coach .top{ padding-bottom: 0 }
      .header-arson.coach{ height: 400px !important;background-position: 19% top !important;background-size: 800px !important; }
      .header-wicoach-merci .btn{ padding: 15px; }
      .header-wicoach-merci .btn:hover{ padding: 15px; }
       .footer_coach .top_footer{flex-direction: column;align-items: center;justify-content: center}
       .header-arson.formulaire{ background-position: center top !important; background-size: 800px !important;}
        #payconiq-transaction { margin-left: 20px;}
        #payconiq-transaction { margin-right: 20px;}
        #payconiq-transaction h2 { font-size: 20px !important;}
        #payconiq-transaction h2 { font-size: 20px !important;}

}
@media (max-width:500px){
    #sub1 .estimation-row__subfield__input, #sub2 .estimation-row__subfield__input { width: 185%;}
    #sub1 .estimation-row__subfield__input--medium, #sub2 .estimation-row__subfield__input--medium { padding-left: 0;}
    .tab4 .item, .tab3 .item { width: 100% !important; padding-right: 0 !important;}
    .step3.tab .item {width: 100%;padding-right: 0}
    .triangle::after{ width: 780px }
}
@media (max-width:480px){
  .plus { margin-top: -58px;}
    .prom .content-prom{ font-size: 12px;padding: 0 10px; }
    .page-template-page-merci .top p { max-width: 290px; margin: 0 auto }
}
@media (max-width:375px){
  .component-consent__input .listItem label{ padding-top: 25px }
  .blocSimulation{ padding-top: 150px }
  .blocSimulation .logo{ top: 40px }
  .prom .content-prom{ font-size: 10px; }

}
@media (max-width:374px){
    .content-triangle{ font-size: 12px;}
    .plus {margin-top: -41px;}
}

.woocommerce-thankyou-order-details + .woocommerce-order-details{
  display: none !important;
}
.fake_motiv {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
#fake_motiv-error, 
#fake_proprio-error,
#fake_choix-error,
#datepicker-error {
  color: red;
}
.tab.tab9.checked.current{
  display: block !important;
}

tr.cart_item td {
    border: none;
}
tr.note_kely td {
    font-size: 1rem;
    font-size: 18px;
    line-height: 1.2;
    color: #faa767;
    font-weight: bold;
}
#order_review.barre .cart-subtotal .woocommerce-Price-amount,
#order_review.barre .cart_item .woocommerce-Price-amount,
#order_review.barre .texte_barre{
  text-decoration: line-through;
}
.woocommerce-remove-coupon{
  display: none;
}

 .woocommerce form .form-row input.input-text.error, .woocommerce form .form-row textarea.error{
    background: #f55858;
 }

 .woocommerce .blockUI.blockOverlay{
    position: fixed !important;
 }

 #wc-stripe-cc-form .card-element{
    display: none;
 }
.home.blockUI.blockOverlay{
    z-index: 202000; border: none; margin: 0px; 
    padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(255, 255, 255); opacity: 0.6; cursor: default; position: fixed;
    display: none;
}
.home.blockUI.blockOverlay.processing{
    display: block;
}
.home.blockUI.blockOverlay::before {
    height: 1em;
    width: 1em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    content: '';
    animation: spin 1s ease-in-out infinite;
    background: url(../images/loader.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0,0,0,.75);
}

.woocommerce-order-pay .header-arson,
.woocommerce-order-pay footer{
    display: none;
}