/***** fonts et reset *****/
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHtv4kjgoGqM7E_CfNY8HMJmAci.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHtv4kjgoGqM7E_CfNY8H0JmA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfP04WogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfP04WouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4mogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4mouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Cfs1wH8RnA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Cfs7wH8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI42ogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI42ouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPk5GogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPk5GouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOA5WogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOA5WouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOc5mogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOc5mouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfO452ogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfO452ouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E3b_s1wH8RnA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E3b_s7wH8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-ks6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-ks51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3j-ws6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3j-ws51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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, 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;}
strong, b							{ font-weight: 500;}
ul									{ list-style-type: none;}
body								{ font: 400 16px/30px "Barlow"; letter-spacing: .4px; color: #000; background: #fff; position: relative;}
body.active_overflow				{ height: 100vh; overflow: hidden;}
a									{ text-decoration: none; color: #333; position: relative;}
img									{ border: none;}
main 								{ position: relative;}
#wrapper 							{ min-width: 320px; overflow: hidden; position: relative;}
#wrapper *							{ box-sizing: border-box;}
#footer 							{ position: relative; z-index: 15;}

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

@media (max-width:600px) {
body								{ font-size: 15px; line-height: 28px;}
}
/***** scollbar *****/
::-webkit-scrollbar 				{ width: 6px; height: 6px; background-color: #20252b;}
::-webkit-scrollbar-thumb			{ background-color: #82b559;}



/***** transition *****/
@media (min-width:1201px) {
.link, .slick-arrow, :before, :after, a, a span, .sub { transition: all 400ms ease-in-out;}
}


/***** class *****/
.wrapper                            { width: 90vw; max-width: 1200px; margin: 0 auto; position: relative;}
.wrapper_large                      { max-width: 1800px;}

.ul_list						    { margin-bottom: 15px; padding: 5px 0 0 0;}
.ul_list li					        { padding: 5px 0 7px 35px; position: relative; background: url(../images/checklist.svg) left 12px / 20px no-repeat;}

.titre_main	 						{ font: 700 30px/40px "Barlow"; text-transform: uppercase; position: relative; color: #000; margin-bottom: 20px; letter-spacing: 0.4px;}
.sous_titre 						{ font: 500 25px/35px "Barlow"; position: relative; color: #82b559; margin-bottom: 10px; letter-spacing: 0.4px;}
.chapo		 						{ font: 400 15px/30px "Barlow"; margin-bottom: 0;}
.link 								{ font: 700 13px/60px "Barlow"; letter-spacing: 0.8px; height: 60px; display: inline-block; vertical-align: top; color: #fff; padding: 0 30px; background: linear-gradient(to top, #82b559 0% 50%, #242424 50% 100%); background-size: 100% 200%; background-position: 0 100%; text-align: center; text-transform: uppercase; border-radius: 5px;}
.link.lighthover                    { background-image: linear-gradient(to top, #fff 0% 50%, #82b559 50% 100%); color: #82b559; font-size: 16px;}
.read_more, .read_less							{ display: inline-block; color: #82b559; cursor: pointer; transition: color 300ms ease-in-out;}
.hide 								{ display: none; margin-top: 15px;}
.anchor                             { position: absolute; top: -120px; left: -100px}
@media (min-width:1201px) {
.link:hover 						{ background-position: 0 0; color: #fff;}
.link.devis:hover img,
.link:hover:before                  { filter: brightness(0) invert(1);}
.about .texte .read_more:hover 		{ color: #242424;}
.about .texte .read_less:hover 		{ color: #242424;}
}
@media (max-width:1000px) {
.titre_main                         { font-size: 25px; line-height: 35px; margin-bottom: 15px;}
.sous_titre                         { font-size: 22px; line-height: 32px;}
}
@media (max-width:700px) {
.titre_main                         { font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.sous_titre                         { font-size: 18px; line-height: 28px;}
.titre                              { font-size: 16px; line-height: 35px; margin-bottom: 5px;}
.ul_list                            { margin: 15px 0;}
.chapo                              { font-size: 15px; line-height: 28px;}
.link.lighthover                    { background: #82b559; color: #fff; font-size: 13px;}
.link 								{ font-size: 12px; height: 50px; line-height: 48px; padding: 0 25px;}
}


/***** liens *****/
.texte p a, .bloc_texte p a, .ul_list a { color: #82b559; border-bottom: 1px solid #82B559; }

@media (min-width:1201px) {
.texte p a:hover, .bloc_texte p a:hover, .ul_list a:hover { color: #82b559; border-color: #82b559; }
}

/***** header - menu *****/
.header 		                    { width: 100%; font-size: 0; line-height: 0; position: fixed; left: 0; top: 0; z-index: 100; transition: all 400ms ease-in-out; display: block; text-align: right; background: #fff;}
.header .wrapper::before            { content: ""; display: block; position: absolute; top: 0; left: calc(100% - 1055px); width: 100vw; height: 100%; background: #82b559;}
.header .logo                       { font-size: 0; letter-spacing: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transform-origin: left; width: 275px;}
.header .logo img                   { display: inline-block; vertical-align: middle; width: 100%; height: auto;}
.header .devis                      { position: absolute; top: 0; right: 0; display: inline-block; vertical-align: top; background: #242424; border-radius: 0 0 5px 5px; font: 700 14px/50px "Barlow"; text-transform: uppercase; color: #fff; padding: 0 30px; z-index: 200;}
.header .devis span                 { color: #82b559;}


/***** menu *****/
.header_nav							{ display: inline-block; vertical-align: middle; z-index: 50; padding-top: 50px; position: relative;}
.header_nav .menu					{ position: relative;}	
.header_nav .menu li				{ display: inline-block; vertical-align: middle; position: relative; margin-left: 40px;}	
.header_nav .menu li a				{ font: 700 14px/90px "Barlow"; letter-spacing: 0.8px; height: 90px; display: block; transition-property: all; text-transform: uppercase; color: #000;}
.header_nav .menu>li.active>a       { color: #fff;}
.header_nav .sub					{ width: 280px; margin-left: -140px; text-align: left; position: absolute; top: 100%; left: 50%; display: block; visibility: hidden; opacity: 0; background: #242424; padding: 0;}
.header_nav .sub li					{ width: 100%; margin: 0;}
.header_nav .sub li a				{ width: 100%; letter-spacing: 1px; height: 50px; color: #fff; line-height: 30px; display: grid; align-items: center; font-size: 14px; padding: 0 40px; text-align: center;}
.header_nav .menu .sub li.active a	{ color: #82b559;}

/* Sticky */
.sticky .header                     { background-color: #fff; box-shadow: 0 0 30px 0 rgba(32,37,43,0.18);}

@media (max-width:1500px) {
.header .wrapper::before            { left: 300px;}
}
@media (min-width:1201px) {
.header_nav .menu li:hover .sub		{ opacity: 1; visibility: visible; z-index: 999;} 
.header_nav .sub 					{ display: block !important;}
.header_nav .menu>li:hover>a        { color: #fff;}
.header_nav .sub li a:hover			{ color: #82b559;}
.header .devis:hover span           { color: #fff;}
    
/* Sticky */
.sticky .header                     { top: -50px;}
.sticky .header .logo               { transform: translateY(-17%) scale(0.8);}
.sticky .header_nav .menu>li>a		{ line-height: 80px; height: 80px;}
.sticky .header_nav .menu>li>a:after{ bottom: 20px;}
.sticky .header_nav                 { transition: all 400ms ease-in-out;}
}

@media (max-width:1200px) {
.header .wrapper::before            { display: none;}

.header                             { background: #fff; padding-top: 0;}
.header ::-webkit-scrollbar			{ display: none;}    
.header .logo                       { z-index: 201; width: 190px;}
.header .devis                      { position: relative; vertical-align: middle; border-radius: 5px; margin-right: 30px;}

.menu_mobile						{ width: 30px; height: 40px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; margin: 25px 0; transition: margin 400ms ease-in-out; z-index: 250; top: 0; right: 0;}
.menu_mobile div					{ width: 30px; height: 2px; background: #242424; position: absolute; right: 50%; top: 50%; margin: -1px -15px 0 0;}
.menu_mobile div:before				{ width: 30px; height: 2px; background: #242424; position: absolute; right: 0; top: 8px; content: "";}
.menu_mobile div:after				{ width: 30px; height: 2px; background: #242424; position: absolute; right: 0; top: -8px; content: "";}
.menu_mobile.active div				{ height: 0;}
.menu_mobile.active div:before		{ top: 0; transform: rotate(45deg);}
.menu_mobile.active div:after		{ top: 0; transform: rotate(-45deg);}

.header .header_nav 				{ width: 100%; height: 100vh; position: fixed; right: -100%; top :0; overflow-y: scroll; display: grid; z-index: 200; background: #fff; transition: all 400ms ease-in-out 600ms; margin-top: 0;}
.header .menu  						{ display: block; width: 100%; text-align: left; padding: 5vw 15vw; position: relative; z-index: 100; align-self: center; opacity: 0; transform: translateY(40px); transition: all 400ms ease-in-out 200ms;}

.header_nav .menu li:after          { content:none;} 

.header_nav .menu li                { margin: 0;}
.header_nav .menu>li 				{ width: 100%; display: block;}
.header_nav .menu>li>a				{ line-height: 60px; height: 60px; transition: none; padding: 0;}
.header_nav .menu>li.active>a       { color: #82b559;}
.header_nav .menu>li>i				{ width: 60px; height: 40px; display: block; position: absolute; top: 10px; right: 0; z-index: 5;}
.header_nav .menu>li>i:after		{ width: 60px; height: 100%; background: url("../images/scroll_down.svg") 50% 52% no-repeat #82b559; float: right;  content: ""; border-radius: 5px;}
.header_nav .menu>li>i.active:after { transform: rotate(180deg);}

.header_nav .menu .sub 				{ width: 100%; position: relative; left: auto; top: auto; margin: 15px 0; padding: 5px 0; visibility: visible; opacity: 1; display: none; z-index: 150; }
.header_nav .menu .sub li  			{ width: 100%; height: initial; border-bottom: 0;}
.header_nav .menu .sub li a			{ width: 100%; text-align: left; padding: 0 25px;}

.header.active:after 				{ opacity: 1; visibility: visible; transition-delay: 100ms;}
.header.active .header_nav 			{ right: 0; transition-delay: 200ms;}
.header.active .menu				{ opacity: 1; transform: translateY(0); transition-delay: 600ms;}
}

@media (max-width:1000px) { 
.header                             { background: #fff;}
.header .logo                       { transform: translateY(-50%);}
}

@media (max-width:700px) {
.menu_mobile						{ margin: 15px 0; }

.header .logo                       { width: 150px;}
.header .menu  						{ padding: 5vw 8vw; }    
.header .devis                      { font-size: 0; letter-spacing: 0; padding: 0; width: 50px; height: 50px; line-height: 0; background: url(../images/phone.svg) center no-repeat; margin-right: 10px;}
.header .header_nav                 { display: inline-block; padding-top: 110px; }
.header .header_nav .menu>li>a      { height: 50px; line-height: 50px;}
.header .header_nav .sub li a       { font-size: 13px;}
}


/***** cta *****/
.cta                                { margin: 110px auto; text-align: center; color: #fff; background: #242424; border-radius: 5px; padding: 43px 30px; }
.cta a                              { color: #82b559; border-bottom: 1px solid transparent;}

@media (min-width:1201px) { 
.cta a:hover                        { border-color: #82b559;}
}
@media (max-width:1200px) {
.cta                                { margin: 80px auto; }
}
@media (max-width:1000px) {
.cta                                { margin: 60px auto; }
}
@media (max-width:700px) {
.cta                                { margin: 40px auto; border-radius: 0; padding: 35px 30px;}
.cta a                              { display: inline-block; vertical-align: top;}
.ctam                               { padding: 35px 30px 50px;}
.ctam span                          { display: none;}
.ctam a                             { display: block; text-align: center; color: #fff; line-height: 60px; background: #82b559; border-radius: 5px; margin-top: 10px; max-width: 300px; margin: 10px auto 0; font-size: 13px; text-transform: uppercase; font-weight: 700;}
}



/***** table plus *****/
.table_plus 						{ position: relative; margin: 100px 0; border-top: 2px solid #82b559;}
.table_plus a                       { color: #82b559; border-bottom: 1px solid transparent;}
.table_plus .item                   { text-align: left; border-bottom: 2px solid #82b559;}
.table_plus .hide 					{ padding: 0px 20px 20px 20px; display: none;}
.table_plus .hide>*                 { margin-bottom: 15px !important;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ position: relative; letter-spacing: 0.5px; cursor: pointer; padding: 20px 80px 20px 0;  color: #000; font: 500 18px/30px "Barlow"; transition: all 400ms ease-in-out;}
.titre_plus:before					{ width: 20px; height: 2px; background: #82b559; position: absolute; right: 0; top: 50%; margin-top: -1px; transition: all 400ms ease-in-out; content: "";}
.titre_plus:after					{ width: 2px; height: 20px; background: #82b559; position: absolute; right: 9px; top: 50%; margin-top: -10px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:after 			{ transform: rotate(90deg);}

@media (min-width:1201px) {
.table_plus a:hover                 { color: #82b559; border-color: #82b559;}
}
@media (max-width:1000px) {
.table_plus                         { margin: 80px 0;}
}
@media (max-width:700px) {
.table_plus                         { margin: 50px 0;}
.table_plus .titre_main             { margin-bottom: 20px;}
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 10px 0 20px;}
.titre_plus 						{ font-size: 15px; line-height: 23px; padding: 8px 55px 8px 0; min-height: 60px; display: grid; align-items: center;}
}

/***** footer*****/
.footer								{ width: 100%; position: relative; padding-top: 100px; color: #fff; font-size: 0; background-color: #242424;}
.footer .titre_main                 { font-size: 40px; color: #fff;}
.footer .bloc_footer.coordonnees    { margin-right: 100px; margin-top: 0;}
.footer .bloc_footer 				{ display: inline-block; vertical-align: top; line-height: 30px; margin-right: 60px; font-size: 14px; margin-top: 100px;}
.footer .bloc_footer p				{ font-size: 16px; margin-top: 5px;}
.footer .localisation               { padding-left: 35px; background: url(../images/marker.svg) no-repeat  left top 5px;}
.footer .bloc_footer p span         { display: block; margin-bottom: 20px; font: 700 15px/1.2 "Barlow"; color: #fff; text-transform: uppercase; letter-spacing: 0.8px;}
.footer .bloc_footer p a			{ color: #fff; text-transform: none; display: inline-block; border: none;}
.footer .bloc_footer .link          { margin-top: 30px;}
.footer .bloc_footer li a           { color: #fff; padding-left: 25px; background: url(../images/list.svg) left center no-repeat; font-size: 16px;}
.footer .bloc_footer li             { margin-bottom: 13px;}
.footer .bloc_footer .phone         { background: url(../images/phone.svg) left center no-repeat; line-height: 40px; padding-left: 35px; margin-top: 0;}
.footer .bloc_footer .mail          { background: url(../images/mail.svg) left center no-repeat; line-height: 40px; padding-left: 35px;}
.footer	.rs							{ position: absolute; right: -15px; top: -10px;}
.footer	.rs a						{ display: inline-block; vertical-align: top; margin-right: 10px; width: 50px; height: 50px;}
.footer	.rs .scroll					{ background: url(../images/scrolltop.svg) center no-repeat; margin: 0;}
.footer_bottom   					{ padding: 20px 0; line-height: 0; margin-top: 85px;}
.footer_bottom li 					{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: 0.8px; position: relative;}
.footer_bottom li a 				{ color: #fff;}
.footer_bottom li:after				{ width: 1px; height: 9px; content: ""; position: absolute; right: -13px; top: 5px; background: #82b559;}
.footer_bottom li:last-child:after 	{ display: none;}
.toponweb							{ display: block; z-index: 85; position: absolute; right: 0; bottom: 0;}
.toponweb span						{ width: auto; height:60px; display: block; padding: 20px; background: linear-gradient(to left, #fff 0%, #fff 50%, #82b559 50%, #82b559 100%); background-size: 200% 100%; background-position: 100% 0;}
.toponweb img						{ width: 74px; height: auto; display: block; margin: 0 auto;}


@media (min-width:1201px) {
.footer .bloc_footer p a:not(.link):hover,
.footer_bottom li a:hover,
.footer .bloc_footer li a:hover 	{ color: #82b559;}
.footer .rs a:hover			        { background-color:#82b559 !important;}
.toponweb span img                  { transition: all ease-in 400ms;}
.toponweb:hover span				{ background-position: 0 0;}
.toponweb:hover span img            { filter: brightness(0) invert(1);}
}
@media (max-width:1200px) {
.toponweb                           { position: absolute;}
.footer .bloc_footer                { margin-right: 40px;}
}
@media (max-width:1000px) {
.footer .bloc_footer 				{ margin: 0 0 40px; display: none;}
.footer .bloc_footer.coordonnees    { display: block;}
.footer .bloc_footer p              { margin: 0;}
.footer_bottom   					{ margin-top: 80px;}
}
@media (max-width:700px) {
.footer								{ padding-top: 40px;}
.footer .titre_main                 { font-size: 20px; line-height: 26px;}
.footer .bloc_footer.coordonnees    { margin-right: 0;}
.footer .bloc_footer.coordonnees img{ width: 190px; margin-bottom: 15px;}
.footer .bloc_footer .link          { padding: 0 10px; width: 100%; margin-top: 15px;}
.footer .bloc_footer p              { font-size: 15px;}
.footer	.rs							{ right: -5px; top: 10px;}
.footer	.rs a                       { width: 50px; height: 50px;}    
.footer .bloc_footer p span         { font-size: 13px; margin-bottom: 15px;}
.footer_bottom 	 					{ text-align: left; margin-top: 20px; padding: 0 0 30px;}
.footer_bottom li 					{ display: block; margin-right: 0;}
.footer_bottom li:after				{ display: none;}
}