/* 
------JeLoueMonSiteWeb.Com------
--------------2022--------------
---------------v6---------------
-------------ENGINE-------------
-------------TULIA-------------- 
----------MOBILE-FIRST----------
*/

/* 
----------
CONFIG 
----------
*/

:root {
  --light-text: #f7f8f2;
  --dark-text: #044036;
  --primary: rgb(189, 59, 45);
  --primary-light: #7e3b2f;
  --secondary: #032e07;
  --primary-font: "Playfair Display", serif;
  --secondary-font: "Open Sans", sans-serif;
  --primary-bg: rgb(254, 250, 250);
  --secondary-bg: #f7f8f2;
  --dark-bg: #222;
  --green: rgb(10, 69, 59);
  --radius: 5px;
  --gap: 40px;
}

*::selection {
  background-color: var(--ast-global-color-0);
  color: #000000;
}

/* 
----------
FONTS 
----------
*/
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC,
    U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWxU6FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315,
    U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A,
    U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
    U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
    U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
    U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
    U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
    U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
    U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
    U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
    U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
    U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqW106FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
    U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
    U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
    U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
    U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
    U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
    U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C,
    U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
    U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE,
    U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415,
    U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449,
    U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
    U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6,
    U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B,
    U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA,
    U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3,
    U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859,
    U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B,
    U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
    U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6FxZCJgvAQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06FxZCJgvAQ.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: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6FxZCJgg.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;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC,
    U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315,
    U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A,
    U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
    U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
    U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
    U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
    U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
    U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
    U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
    U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
    U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
    U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
    U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
    U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
    U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
    U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
    U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
    U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C,
    U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
    U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE,
    U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415,
    U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449,
    U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
    U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6,
    U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B,
    U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
    U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA,
    U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3,
    U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859,
    U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B,
    U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
    U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.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: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v43/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.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;
}
/* cyrillic */
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnohkk7yRZrPJ-M.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojUk7yRZrPJ-M.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk7yRZrPJ-M.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: "Playfair Display";
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7yRZrPA.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;
}
/* cyrillic */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgEM86xRbPQ.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.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: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v39/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.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;
}
/* 
----------
STANDARD 
----------
*/

body {
  background: var(--primary-bg);
  font-family: var(--secondary-font);
  margin: 0;
  padding: 0;
}

main {
  padding-bottom: 50px;
}

section {
  margin: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #044036;
  font-family: var(--primary-font);
  font-weight: 600;
  margin: 20px 0;
}

h1 {
  font-size: 65px;
}

h2 {
  font-size: 60px;
}

h3 {
  font-size: 42px;
}

h1 span {
  font-family: var(--primary-font);
  display: block;
  font-size: 28px;
  opacity: 0.8;
  font-weight: 400;
}

h2 span {
  font-family: var(--primary-font);
  display: block;
  font-size: 22px;
  opacity: 0.8;
  font-weight: 400;
}

.secondaryTitle {
  font-family: var(--primary-font);
  font-weight: 400;
}

p {
  color: rgb(53, 55, 58);
  font-family: var(--secondary-font);
  font-size: 18px;
  margin: 32px 0;
  font-weight: 300;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: var(--secondary);
}

img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.img20 {
  width: 20%;
}

.img25 {
  width: 25%;
}

svg {
  height: 10%;
}

.ico {
  display: inline-block;
  height: 25px;
  width: 25px;
  vertical-align: bottom;
  margin-right: 10px;
}

label {
  color: var(--dark-text);
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin: 20px 0 5px;
  text-transform: uppercase;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
  background: #f9f9f9;
  border-radius: var(--radius);
  border: 1px solid #eee;
  color: var(--dark-text);
  font-family: var(--secondary-font);
  font-size: 18px;
  margin: 8px 0;
  outline: none;
  padding: 12px;
  width: calc(100% - 26px);
}

textarea {
  background: #f9f9f9;
  border-radius: var(--radius);
  border: 1px solid #eee;
  color: #444;
  font-family: var(--secondary-font);
  font-size: 18px;
  min-height: 190px;
  margin: 8px 0;
  outline: none;
  padding: 12px;
  width: calc(100% - 12px);
}

input::placeholder,
textarea::placeholder {
  color: #aaa;
}

input.error,
textarea.error {
  border-color: #c00;
  box-shadow: 0 0 5px #c004;
}

.btn,
.btn-primary,
button,
input[type="submit"] {
  background: var(--primary);
  border-radius: var(--radius);
  border: 1px solid var(--primary);
  color: var(--light-text);
  cursor: pointer;
  display: inline-block;
  font-family: var(--secondary-font);
  font-size: 16px;
  margin: 0;
  padding: 12px 30px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn:hover,
.btn-primary:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--primary-bg);
  color: var(--primary);
}

.btn-secondary {
  background: var(--secondary);
  border: none;
  color: var(--light-text);
  font-size: 15px;
  border-radius: var(--radius);
  cursor: pointer;
  font-family: var(--secondary-font);
  padding: 7px 15px;
  text-decoration: none;
}

.btn_contact,
.btn_facebook,
.btn_instagram,
.btn_linkedin,
.btn_location,
.btn_phone,
.btn_pinterest,
.btn_youtube,
.btn_book {
  position: relative;
  padding-left: 60px;
}

.btn_contact::before,
.btn_facebook::before,
.btn_instagram::before,
.btn_linkedin::before,
.btn_location::before,
.btn_phone::before,
.btn_pinterest::before,
.btn_youtube::before,
.btn_book::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: calc(100% - 14px);
  left: 7px;
  position: absolute;
  transition: transform 0.5s ease;
  width: 30px;
}

.btn_book:hover::before {
  transform: translateX(10px);
}

.btn_contact::before {
  background-image: url(./images/ico_contact.svg);
}

.btn_facebook::before {
  background-image: url(./images/social_facebook.svg);
}

.btn_instagram::before {
  background-image: url(./images/social_instagram.svg);
}

.btn_linkedin::before {
  background-image: url(./images/social_linkedin.svg);
}

.btn_location::before {
  background-image: url(./images/ico_location.svg);
}

.btn_phone::before {
  background-image: url(./images/ico_phone.svg);
}

.btn_pinterest::before {
  background-image: url(./images/social_pinterest.svg);
}

.btn_youtube::before {
  background-image: url(./images/social_youtube.svg);
}

.btn_book::before {
  background-image: url(./images/ico_book.svg);
}

hr {
  width: 9%;
  border-top-width: 2px;
  border-top-color: rgb(255, 139, 133);
  border-top-style: solid;
  margin-top: 16px;
  margin-left: 0px;
  margin-right: 27px;
}

.block {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.07);
  overflow: hidden;
  position: relative;
}

.success_box {
  background: #090;
  border-radius: var(--radius);
  color: var(--light-text);
  display: none;
  height: 30px;
  margin: 20px auto;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}

.error_box {
  background: #900;
  border-radius: var(--radius);
  color: var(--light-text);
  display: none;
  height: 30px;
  margin: 20px auto;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.pointer {
  cursor: pointer;
}

.loading {
  pointer-events: none;
  filter: blur(3px);
}

.hide-sm {
  display: none;
}

.bg-primary {
  background: var(--primary-light);
  color: var(--light-text);
}

.bg-green {
  background: var(--green);
  color: var(--light-text);
}

.bg-green * {
  color: var(--light-text);
}

.color-primary {
  color: var(--primary);
}

.bg-secondary {
  background: var(--secondary);
  color: var(--light-text);
}

.bg-primary label {
  color: var(--light-text);
}

.bg-secondary label {
  color: var(--light-text);
}

.padding1 {
  padding: 8px;
}

.padding2 {
  padding: 12px;
}

.padding3 {
  padding: 22px;
}

.padding4 {
  padding: 50px;
}

.padding5 {
  padding: 80px;
}

.padding10 {
  padding: 120px;
}

.mt-1 {
  margin-top: 8px !important;
}

.mt-2 {
  margin-top: 12px !important;
}

.mt-3 {
  margin-top: 22px !important;
}

.mt-4 {
  margin-top: 50px !important;
}

.mt-5 {
  margin-top: 80px !important;
}

/* 
----------
GRID 
----------
*/

.flex-frame1 {
  max-width: 1600px;
}

.flex-frame2 {
  max-width: 1200px;
}

.flex-frame3 {
  max-width: 900px;
}

.flex-frame4 {
  max-width: 500px;
}

.flex-frame1,
.flex-frame2,
.flex-frame3,
.flex-frame4 {
  width: calc(100% - 40px);
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}

.sm-col {
  flex-direction: column;
}

.frame1 {
  max-width: 1600px;
}

.frame2 {
  max-width: 1200px;
}

.frame3 {
  max-width: 900px;
}

.frame4 {
  max-width: 500px;
}

.frame1,
.frame2,
.frame3,
.frame4 {
  display: grid;
  gap: var(--gap);
  grid-auto-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  width: calc(100% - 40px);
}

.frame1 > *,
.frame2 > *,
.frame3 > *,
.frame4 > * {
  grid-column: auto / span 4;
  overflow: hidden;
}

.col1 {
  grid-column: auto / span 1 !important;
}

.col2 {
  grid-column: auto / span 1 !important;
}

.col3 {
  grid-column: auto / span 1 !important;
}

.row1 {
  grid-row: auto / span 1;
}

.row2 {
  grid-row: auto / span 2;
}

.row3 {
  grid-row: auto / span 3;
}

.row4 {
  grid-row: auto / span 4;
}

.row5 {
  grid-row: auto / span 5;
}

.row6 {
  grid-row: auto / span 6;
}

.row7 {
  grid-row: auto / span 7;
}

.row8 {
  grid-row: auto / span 8;
}

.row9 {
  grid-row: auto / span 9;
}

.row10 {
  grid-row: auto / span 10;
}

.row11 {
  grid-row: auto / span 11;
}

.row12 {
  grid-row: auto / span 12;
}

/* 
----------
HEADER 
----------
*/

.header_logo img {
  height: 150px;
  margin: 0px;
  object-fit: contain;
  width: 100px;
}

.burger {
  cursor: pointer;
  padding: 10px;
  position: absolute;
  top: 50px;
  z-index: 4;
  right: 20px;
}

.btn_header {
  bottom: 20px;
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  width: 125px;
  z-index: 4;
}

#hero {
  position: relative;
}

#hero::before {
  content: "";
  background: linear-gradient(#0000, #000f);
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}

#hero .content {
  position: absolute;
  bottom: 20vw;
  left: 5vw;
  margin: auto;
  z-index: 2;
  width: calc(100% - 10vw);
}

#hero img {
  top: 0;
  transition: ease opacity 0.8s;
  z-index: 1;
}

#hero .content * {
  color: var(--light-text);
}

#hero .pagination {
  bottom: 20px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 2;
}

.bg.shape1 {
  position: absolute;
  top: 0;
  object-fit: cover;
  object-position: top center;
  pointer-events: none;
}

.bg.shape2 {
  position: absolute;
  object-fit: cover;
  object-position: top center;
  pointer-events: none;
}

video {
  width: 100%;
}

.pagination {
  display: flex;
  justify-content: center;
}

.pagination .dot {
  background: var(--light-text);
  height: 5px;
  width: 5px;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px;
  transition: width ease 0.3s;
}

.pagination .dot.selected {
  width: 15px;
}

/* 
----------
NAV 
----------
*/

.nav_bar {
  background: var(--primary);
  border: 3px;
  box-shadow: 0 0 75px 15px #fff;
  height: 2px;
  transition: ease all 0.3s;
  width: 21px;
}

.nav_bar.bottom_bun {
  margin-top: 4px;
}

.nav_open .nav_bar.top_bun {
  transform: rotate(45deg) scale(1.5) translateX(2.4px);
}

.nav_open .nav_bar.bottom_bun {
  transform: rotate(-45deg) scale(1.5) translateX(2.4px);
}

header nav {
  overflow: hidden;
  top: 0;
  opacity: 0;
  transition: left ease 0.3s, opacity ease 0.4s;
  z-index: 3;
}

header nav > div {
  justify-content: center !important;
}

.nav_open nav {
  left: 0;
  opacity: 1;
}

header nav a {
  font-size: 22px;
  opacity: 0;
  transform: translateX(30px);
  padding: 8px 20px;
  transition: opacity ease 0.3s, transform ease 0.4s;
  text-decoration: none;
  display: block;
}

header nav a.show {
  opacity: 1;
  transform: translateX(0);
}

header .ico_social {
  background: transparent;
}

header .ico_social svg {
  height: 25px;
}

header .ico_social svg path {
  fill: var(--primary);
}

/* 
----------
HOME 
----------
*/

.home #book {
  margin-bottom: 200px;
}

.home #events {
  background: url("images/bg-event.jpg") no-repeat center center / cover;
  color: var(--light-text);
  padding: 20vh 0;
  position: relative;
}

.home #events::before {
  content: "";
  background: linear-gradient(#0009, #000f);
  display: block;
  height: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.home #events > * {
  position: relative;
  z-index: 3;
}

.configContainer p {
  margin: 30px 0;
  font-size: 28px;
}

.configContainer strong {
  font-size: 18px;
}

.configContainer .ico {
  object-fit: contain;
  height: 70px;
  width: 70px;
}

#workshops {
  padding: 180px 0;
}

#workshops > div {
  gap: calc(var(--gap) * 2);
}

.blockWorkshops,
.blockReviews {
  padding: 30px 10px;
}

.blockWorkshops h3,
.blockWorkshopsSecondary h3 {
  font-size: 28px;
}

.blockAtelier.full::after {
  content: "Complet";
  background: var(--primary);
  color: var(--light-text);
  display: block;
  position: absolute;
  font-size: bold;
  padding: 4px;
  height: 25px;
  text-align: center;
  top: 0;
  left: 0;
  width: 80%;
  z-index: 9;
  transform: rotate(-3deg) translate(20px, -10px);
}

.blockWorkshops p {
  height: 80px;
}

.blockWorkshopsSecondary > div {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  height: calc(100% - 244px);
}

.blockReviews {
  background: url("./images/papoterie-manalie/quote.svg") no-repeat top left /
    33%;
}

.blockReviews > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100% - 24px);
  justify-content: space-between;
}

.blockReviews hr,
.blockWorkshopsSecondary hr {
  display: inline-block;
  margin-right: 0;
}

.blockReviews .quote {
  position: absolute;
  width: 33%;
  left: 0;
  opacity: 0.3;
}

.blockReviews .quote path {
  fill: var(--primary);
}

.blockReviews img {
  height: auto;
  object-fit: contain;
}

.blockWorkshopsSecondary .visu {
  height: 200px;
  width: 100%;
}

.blockWorkshopsSecondary .ico {
  margin-bottom: 4px;
  margin-top: 4px;
}

.middle_ico {
  display: inline-block;
  height: 65px;
  width: 65px;
  vertical-align: bottom;
  margin-right: 10px;
}

#homeContact {
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
}

#homeContact p {
  font-size: 22px;
}

#homeContact .ico_location {
  padding-left: 60px;
  position: relative;
}

#homeContact .ico_phone {
  padding-left: 60px;
  position: relative;
}

#homeContact .ico_location::before {
  content: "";
  position: absolute;
  left: 0px;
  background: url("images/ico_location_primary.svg") no-repeat center center /
    contain;
  width: 30px;
  height: 30px;
}

#homeContact .ico_phone::before {
  content: "";
  position: absolute;
  left: 0px;
  background: url("images/ico_phone_primary.svg") no-repeat center center /
    contain;
  width: 30px;
  height: 30px;
}

#homeContact form > * {
  margin: 8px 0;
}

.mapContainer {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.mapContainer img {
  position: absolute;
  inset: 0;
}

#book .block {
  padding-top: 20px;
}

.bookBlock {
  padding-bottom: 50px;
}

.bookBlock input {
  background: transparent;
  border: 1px solid transparent;
  font-family: var(--primary-font);
  font-size: 28px;
  color: var(--light-text);
  padding: 0;
}

.quantityContainer {
  display: flex;
}

.quantityContainer button {
  background: var(--primary-light);
  border: 0;
  padding: 0 5px;
  margin-left: -1px;
}

.productBlock .btn_book::before {
  left: 25%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.quantityContainer button:first-child {
  margin-left: 0;
  padding-left: 0;
}

.quantityContainer input {
  width: 30px;
  text-align: center;
}

.productBlock {
  padding: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.productBlock img {
  height: 300px;
  margin: 0;
}

.productBlock p,
.productBlock a {
  background: var(--primary-light);
  margin: 0;
  padding: 5px 20px;
  text-align: center;
  color: var(--light-text);
}

.productBlock .titleProduct {
  font-size: 22px;
  padding-top: 12px;
  padding-bottom: 22px;
}

.productBlock .priceProduct {
  font-size: 22px;
}

.productBlock .info {
  margin-top: -4px;
  font-size: 14px;
}

.productBlock .btn_book {
  font-size: 22px;
  margin-top: 30px;
  display: block;
  background: var(--primary);
  transform: scale(1.2);
}

/* 
----------
PAGES 
----------
*/

.page .title {
  margin-bottom: 50px;
  padding: 30px;
  text-align: center;
}

.voucherVisual {
  object-fit: contain;
  height: auto;
  width: 70%;
}

.portfolio {
  gap: var(--gap) !important;
}

.portfolio .row1 {
  max-height: 250px;
}

.portfolio .row2 {
  max-height: 500px;
}

.portfolio .row3 {
  max-height: 750px;
}

.portfolio > * {
  border-radius: var(--radius);
}

.theater {
  display: none;
}

.theater.open {
  background: #333233cc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  z-index: 999;
}

.theater.open img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  z-index: 999;
  height: 95%;
  width: 95%;
  object-fit: contain;
}

.controls {
  background: linear-gradient(0deg, #333233ff, #33323300);
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 999;
  padding-top: 17%;
}

.controls button {
  color: #fff;
  border: none;
  font-size: 15px;
  margin-bottom: 20px;
  padding: 5px 25px 5px 25px;
}

.controls .closePic {
  background: url("https://storage.googleapis.com/storage.agence-raaw.fr/assets/images/close.png")
    no-repeat center left / 20px;
  margin-left: 40px;
}

.controls .previousPic {
  background: url("https://storage.googleapis.com/storage.agence-raaw.fr/assets/images/precedent_wh.svg")
    no-repeat center left / 20px;
}

.controls .nextPic {
  background: url("https://storage.googleapis.com/storage.agence-raaw.fr/assets/images/suivant_wh.svg")
    no-repeat center right / 20px;
}

.controls button {
  transition: opacity 0.5s;
}

.controls button.hide {
  opacity: 0;
  pointer-events: none;
}

/*
----------
ASIDE
----------
*/

aside.popup {
  position: fixed;
  inset: 0;
  background: #0009;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  transition: all ease.5s;
  opacity: 0;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 99;
}

aside.popup.show {
  display: flex !important;
  opacity: 1;
  pointer-events: initial;
}

aside.popup .content {
  background: #fff;
  border-radius: var(--radius);
  padding: calc(var(--gap) / 2) calc(var(--gap) / 4);
  position: absolute;
  width: calc(95% - var(--gap));
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: calc(88vh - var(--gap) / 2);
  transition: all ease 0.5s;
  transform: translateY(30px);
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

aside.popup .content::-webkit-scrollbar {
  display: none;
}

aside.popup.show .content {
  transform: translateY(0px);
}

aside.popup .closePopup {
  background: url("images/ico_close.svg") no-repeat center center / contain;
  cursor: pointer;
  position: absolute;
  right: calc(var(--gap) / 2);
  height: 30px;
  top: calc(var(--gap) / 3);
  width: 30px;
}

.selectWorkshop > div > * {
  transition: opacity 0.3s ease;
  opacity: 0.4;
  cursor: pointer;
}

.selectWorkshop > div > *:hover {
  opacity: 0.8;
}

.selectWorkshop .selected {
  opacity: 1;
}

.selectWorkshop {
  gap: 20px;
  margin-left: -50px;
  width: calc(100% + 100px);
}

.selectWorkshop > div {
  display: flex;
  gap: 20px;
  overflow: scroll;
  padding: 30px 50px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.selectWorkshop > div::-webkit-scrollbar {
  display: none;
}

.selectWorkshop .blockAtelier {
  min-width: 200px;
  overflow: initial;
}

a.cancelSignUpWorkshopWeekly,
a.cancelSignUpWorkshopMonthly {
  color: var(--dark-text);
  text-decoration: underline;
}

.blockAtelier {
  background-size: cover;
  padding-top: 180px;
  padding: calc(var(--gap) / 1.2) 20px !important;
  position: relative;
  width: calc(100% - 40px);
}

.blockAtelier p {
  color: var(--light-text);
  position: relative;
  font-weight: 600;
  text-align: center;
}

.blockAtelier em {
  color: var(--light-text);
  position: relative;
  text-align: center;
  display: block;
  font-size: 14px;
  font-weight: 300;
}

.blockAtelier::before {
  content: "";
  background: linear-gradient(#0000, var(--secondary));
  position: absolute;
  inset: 0;
}

/* 
----------
NOTIFICATION 
----------
*/

.red {
  background-color: #e74c3c;
}

.green {
  background-color: #7d9448;
}

.orange {
  background-color: #d35400;
}

.blue {
  background-color: #3498db;
}

.grey {
  background-color: #333333;
}

.ctn_notification {
  left: 0px;
  opacity: 0;
  padding: 20px 0;
  position: fixed;
  text-align: center;
  top: -100px;
  transition: all cubic-bezier(0.3, 0.1, 0.33, 1) 0.5s;
  width: 100%;
  z-index: 999;
}

.ctn_notification.checked {
  opacity: 1;
  top: 0px;
}

.ctt_message {
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

/* 
----------
FOOTER 
----------
*/

footer {
  background: var(--primary-bg);
  margin-top: 50px;
  padding-top: 50px;
}

footer .logo {
  height: 100px;
  object-fit: contain;
  margin-bottom: 30px;
}

.ico_social {
  background: var(--primary);
  aspect-ratio: 1 / 1;
  display: flex;
  border-radius: 50%;
  padding: 5px;
}

.ico_social svg {
  height: initial;
}

.ico_social path {
  fill: var(--primary-bg);
}

footer h3 {
  color: var(--primary);
  font-size: 28px;
}

footer nav {
  align-items: center;
  background: transparent;
  display: flex;
  flex-direction: column;
}

footer nav a {
  color: #fff;
  font-size: 18px;
  padding: 10px;
  text-decoration: none;
}

footer p {
  color: #999;
}

footer .social {
  color: var(--primary);
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin: 0 !important;
  text-decoration: none;
}

footer .social img {
  display: inline;
  width: auto;
  height: 20px;
  object-fit: contain;
  margin-right: 10px;
}

footer .legal {
  margin-top: 50px;
  background: #eee;
}

footer .legal p,
footer .legal a {
  color: #999;
  font-size: 12px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
}

.reviewsContainer {
  display: flex;
  position: relative;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  margin: -150px 0 0;
}

.reviewsContainer::-webkit-scrollbar {
  display: none;
}

.reviewsContainer {
  position: relative;
}

.review.block {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: var(--light-text);
  padding: 0 28px 18px;
  overflow: initial;
  margin: 50px;
  box-shadow: 0 0 25px #2225;
  width: calc(100vw - 130px);
  max-width: 380px;
}

.starsContainer {
  margin-top: 15px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}

.starsContainer img {
  height: 40px;
  width: 40px;
}

.scrollHorizontal {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
}

.review.block p {
  margin: 25px 0;
  text-shadow: none;
  color: var(--dark-text);
}

.review.block::before {
  content: "";
  background: transparent;
}

.review.block .authorReview {
  margin: 25px 0 0;
  text-align: center;
  color: #999;
  font-size: 0.8em;
}

.about {
  display: none;
}

/* 
----------
THEME RESPONSIVE 
----------
*/

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important;
}

@media screen and (max-width: 320px) {
  .sm-hide {
    display: none;
  }

  .frame1,
  .frame2,
  .frame3,
  .frame4 {
    grid-template-columns: repeat(1, 1fr);
  }

  .frame1 > *,
  .frame2 > *,
  .frame3 > *,
  .frame4 > * {
    grid-column: auto / span 1 !important;
  }

  .sm-col1 {
    grid-column: auto / span 1 !important;
  }

  .sm-col2 {
    grid-column: auto / span 1 !important;
  }

  .sm-col3 {
    grid-column: auto / span 1 !important;
  }

  .sm-col4 {
    grid-column: auto / span 1 !important;
  }
}

@media screen and (min-width: 321px) and (max-width: 640px) {
  .sm-hide {
    display: none;
  }

  .sm-col1 {
    grid-column: auto / span 1 !important;
  }

  .sm-col2 {
    grid-column: auto / span 2 !important;
  }

  .sm-col3 {
    grid-column: auto / span 3 !important;
  }

  .sm-col4 {
    grid-column: auto / span 4 !important;
  }

  header {
    height: 200px;
    transition: height ease 0.3s;
  }

  header.nav_open {
    height: 450px;
  }

  #hero img {
    height: 520px;
    object-fit: cover;
    transform: scale(1.1);
  }
}

@media screen and (min-width: 640px) {
  .frame1,
  .frame2,
  .frame3,
  .frame4 {
    grid-template-columns: repeat(8, 1fr);
  }

  .frame1 > *,
  .frame2 > *,
  .frame3 > *,
  .frame4 > * {
    grid-column: auto / span 8;
  }

  .col3 {
    grid-column: auto / span 2 !important;
  }

  .col4 {
    grid-column: auto / span 2 !important;
  }

  .col5 {
    grid-column: auto / span 4 !important;
  }

  .col6 {
    grid-column: auto / span 4 !important;
  }

  .col7 {
    grid-column: auto / span 4 !important;
  }

  .col8 {
    grid-column: auto / span 6 !important;
  }

  .col9 {
    grid-column: auto / span 6 !important;
  }

  .col10 {
    grid-column: auto / span 7 !important;
  }

  .col11 {
    grid-column: auto / span 7 !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
  .md-hide {
    display: none;
  }

  .md-col1 {
    grid-column: auto / span 1 !important;
  }

  .md-col2 {
    grid-column: auto / span 2 !important;
  }

  .md-col3 {
    grid-column: auto / span 3 !important;
  }

  .md-col4 {
    grid-column: auto / span 4 !important;
  }

  .md-col5 {
    grid-column: auto / span 5 !important;
  }

  .md-col6 {
    grid-column: auto / span 6 !important;
  }

  .md-col7 {
    grid-column: auto / span 7 !important;
  }

  .md-col8 {
    grid-column: auto / span 8 !important;
  }
}

@media screen and (min-width: 1024px) {
  .frame1,
  .frame2,
  .frame3,
  .frame4 {
    grid-template-columns: repeat(12, 1fr);
  }

  .frame1 > *,
  .frame2 > *,
  .frame3 > *,
  .frame4 > * {
    grid-column: auto / span 12;
  }

  .col2 {
    grid-column: auto / span 2 !important;
  }

  .col3 {
    grid-column: auto / span 3 !important;
  }

  .col4 {
    grid-column: auto / span 4 !important;
  }

  .col5 {
    grid-column: auto / span 5 !important;
  }

  .col6 {
    grid-column: auto / span 6 !important;
  }

  .col7 {
    grid-column: auto / span 7 !important;
  }

  .col8 {
    grid-column: auto / span 8 !important;
  }

  .col9 {
    grid-column: auto / span 9 !important;
  }

  .col10 {
    grid-column: auto / span 10 !important;
  }

  .col11 {
    grid-column: auto / span 11 !important;
  }

  header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9;
  }

  .header_logo img {
    margin: 20px;
    width: 200px;
  }

  #hero img {
    object-fit: contain;
  }

  #hero .content {
    bottom: 5vw;
    width: 33%;
  }

  .home #events {
    height: 50vh;
  }

  .burger {
    display: none;
  }

  header nav {
    background: transparent;
    height: initial;
    left: 0;
    opacity: 1;
    position: relative;
    top: 0;
    justify-content: end;
    display: flex;
    align-items: center;
  }

  header nav > div {
    flex-direction: row;
    justify-content: space-between !important;
  }

  header nav a {
    color: rgb(53, 55, 58);
    font-size: 17px;
    font-weight: 300;
    opacity: 1;
    transform: none;
  }

  .configContainer .ico {
    object-fit: contain;
    height: 120px;
    width: 120px;
  }

  .btn_header {
    bottom: 63px;
    height: 23px;
    left: initial;
    position: absolute;
    right: 20px;
    top: 0;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .lg-hide {
    display: none;
  }

  .lg-col1 {
    grid-column: auto / span 1 !important;
  }

  .lg-col2 {
    grid-column: auto / span 2 !important;
  }

  .lg-col3 {
    grid-column: auto / span 3 !important;
  }

  .lg-col4 {
    grid-column: auto / span 4 !important;
  }

  .lg-col5 {
    grid-column: auto / span 5 !important;
  }

  .lg-col6 {
    grid-column: auto / span 6 !important;
  }

  .lg-col7 {
    grid-column: auto / span 7 !important;
  }

  .lg-col8 {
    grid-column: auto / span 8 !important;
  }

  .lg-col9 {
    grid-column: auto / span 9 !important;
  }

  .lg-col10 {
    grid-column: auto / span 10 !important;
  }

  .lg-col11 {
    grid-column: auto / span 11 !important;
  }

  .lg-col12 {
    grid-column: auto / span 12 !important;
  }
}

@media screen and (min-width: 1280px) {
  .xl-hide {
    display: none;
  }

  .xl-col1 {
    grid-column: auto / span 1 !important;
  }

  .xl-col2 {
    grid-column: auto / span 2 !important;
  }

  .xl-col3 {
    grid-column: auto / span 3 !important;
  }

  .xl-col4 {
    grid-column: auto / span 4 !important;
  }

  .xl-col5 {
    grid-column: auto / span 5 !important;
  }

  .xl-col6 {
    grid-column: auto / span 6 !important;
  }

  .xl-col7 {
    grid-column: auto / span 7 !important;
  }

  .xl-col8 {
    grid-column: auto / span 8 !important;
  }

  .xl-col9 {
    grid-column: auto / span 9 !important;
  }

  .xl-col10 {
    grid-column: auto / span 10 !important;
  }

  .xl-col11 {
    grid-column: auto / span 11 !important;
  }

  .xl-col12 {
    grid-column: auto / span 12 !important;
  }
}

/* ----------MODULES-STYLE---------- */

/* Module style */
.datepicker {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.datepicker--inline {
  position: relative;
}

.datepicker__inner {
  overflow: hidden;
}

.datepicker__month {
  border-radius: var(--radius);
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  overflow: hidden;
}

.mainAnnonces .datepicker__month {
  width: 100%;
}

.datepicker__month--month2,
.mainAnnonces .datepicker__month--month2,
.mainAnnonces .datepicker__months:before {
  display: none;
  background: rgba(10, 10, 10, 0.5);
}

.datepicker__month-day--valid {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.datepicker__month-day--lastMonth,
.datepicker__month-day--nextMonth {
  visibility: hidden;
}

.mainAnnonces .datepicker__month-day--lastMonth,
.mainAnnonces .datepicker__month-day--nextMonth {
  visibility: initial;
}

.datepicker__month-button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.datepicker__info--feedback {
  display: none;
}

.datepicker__info--error,
.datepicker__info--help {
  display: block;
}

datepicker__buttons {
  -webkit-user-select: none;
  user-select: none;
}

.datepicker__close-button,
.datepicker__clear-button {
  cursor: pointer;
}

.datepicker__tooltip {
  position: absolute;
}

/* =============================================================
   * THEME
   * ============================================================*/
.datepicker {
  background-color: #fff;
  border-radius: var(--radius);
  box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
  color: #fff;
  font-size: 16px;
  line-height: 14px;
  font-family: var(--secondary-font);
  overflow: hidden;
}

.datepickerDark .datepicker {
  background: var(--dark-bg);
}

.block .datepicker {
  border-radius: none;
  box-shadow: none;
  background: transparent;
}

.datepicker__inner {
  padding: 20px;
}

.block .datepicker__inner {
  padding: 0;
}

.datepicker__month {
  font-size: 18px;
}

.datepicker__month-caption {
  /* border-bottom: 1px solid #dcdcdc; */
  height: 3em;
  vertical-align: middle;
  background: var(--primary);
}

.datepicker__month-name {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 20px;
}

.datepicker__week-days {
  height: 2em;
  vertical-align: middle;
  background: var(--primary);
}

.datepicker__week-name {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.datepicker__month-day {
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--light-text);
  padding: 14px 7px;
  border: 1px solid transparent;
  font-size: 22px;
}

.datepickerDark .datepicker__month-day:not(.datepicker__month-day--invalid) {
  color: var(--light-text);
}

.datepicker__month-day:focus {
  outline: none;
  background-color: var(--primary);
}

.datepicker__month-day--no-checkin {
  position: relative;
}

.datepicker__month-day--no-checkin:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  border-bottom: 8px solid red;
  border-right: 8px solid transparent;
}

.datepicker__month-day--no-checkout {
  position: relative;
}

.datepicker__month-day--no-checkout:before {
  top: 0;
  content: "";
  display: block;
  right: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  border-top: 8px solid red;
  border-left: 8px solid transparent;
}

.datepicker__month-day--no-checkin.datepicker__month-day--no-checkout:before {
  content: none;
}

.datepicker__month-day--invalid {
  color: var(--primary-light);
  text-decoration: line-through;
}

.datepicker__month-day--disabled {
  color: #555;
  position: relative;
}

.datepicker__month-day--no-checkin,
.datepicker__month-day--no-checkout,
.datepicker__month-day--day-of-week-disabled {
  background-color: rgba(232, 235, 244, 0.5);
}

.datepicker__month-day--selected {
  background-color: var(--primary);
  color: #fff;
}

.datepicker__month-day--selected:after,
.datepicker__month-day--selected:before {
  display: none;
}

.datepicker__month-day--hovering {
  background-color: var(--primary);
  color: #fff;
}

.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
  background-color: var(--primary);
  color: #fff;
}

.datepicker__month-day--last-day-selected:after {
  content: none;
}

.datepicker__month-button {
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  text-indent: -9999px;
  padding: 5px;
}

.datepicker__month-button:after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  float: left;
  text-indent: 0;
  content: "";
  width: 12px;
  height: 12px;
}

.datepicker__month-button--prev:after {
  background-image: url("images/left-white.svg");
}

.datepicker__month-button--next:after {
  background-image: url("images/right-white.svg");
}

.datepicker__topbar {
  margin-bottom: 20px;
  position: relative;
}

.datepicker--topbar-bottom .datepicker__topbar {
  margin-bottom: 0;
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
}

.datepicker__info-text {
  font-size: 13px;
}

.datepicker__info--selected {
  font-size: 11px;
  text-transform: uppercase;
}

.datepicker__info--selected-label {
  color: #333;
}

.datepicker__info-text--selected-days {
  font-size: 11px;
  font-style: normal;
}

.datepicker__info--error {
  color: red;
  font-size: 13px;
  font-style: italic;
}

.datepicker__info--help {
  color: #333;
  font-style: italic;
}

.datepicker__close-button,
.datepicker__clear-button,
.datepicker__submit-button {
  transition-duration: 0.2s;
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--primary);
  border-radius: 2px;
  border: none;
  box-shadow: none;
  font-size: 10px;
  color: #ffffff;
  margin-top: 20px;
  padding: 7px 13px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
}

.datepicker--topbar-top .datepicker__close-button,
.datepicker--topbar-top .datepicker__clear-button,
.datepicker--topbar-top .datepicker__submit-button {
  margin-top: 0;
}

.datepicker__close-button:hover,
.datepicker__clear-button:hover,
.datepicker__submit-button:hover {
  background-color: var(--primary);
  color: #ffffff;
}

.datepicker__close-button:disabled,
.datepicker__close-button[disabled],
.datepicker__clear-button:disabled,
.datepicker__clear-button[disabled],
.datepicker__submit-button:disabled,
.datepicker__submit-button[disabled] {
  background-color: #c8c9d0;
  color: #ffffff;
  cursor: not-allowed;
}

.datepicker__clear-button + .datepicker__close-button {
  margin-left: 10px;
}

.datepicker__clear-button + .datepicker__submit-button {
  margin-left: 10px;
}

.datepicker__submit-button {
  width: auto;
}

.datepicker__tooltip {
  background-color: #ffffff;
  color: #000;
  border-radius: 1px;
  font-size: 11px;
  margin-top: -5px;
  padding: 5px 10px;
}

.datepicker__tooltip:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ffffff;
  bottom: -4px;
  content: "";
  left: 50%;
  margin-left: -4px;
  position: absolute;
}

@media (min-width: 320px) {
}

@media (min-width: 480px) {
  .datepicker__months {
    overflow: hidden;
  }
  .datepicker__month {
    width: 100%;
  }
  .datepicker__month--month1 {
    float: left;
  }
  .datepicker__month--month2 {
    display: table;
    float: right;
  }
  .datepicker__month-button--disabled {
    visibility: hidden;
  }
  .datepicker__months {
    position: relative;
  }
  .datepicker__months:before {
    background: #dcdcdc;
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

@media (min-width: 768px) {
  .datepicker__month {
    width: 100%;
  }
  .datepicker--topbar-has-close-button .datepicker__info,
  .datepicker--topbar-has-clear-button .datepicker__info,
  .datepicker--topbar-has-submit-button .datepicker__info {
    max-width: 325px;
  }
  .datepicker__buttons {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .sm-col {
    flex-direction: row;
  }
}

.datepicker__month-day--first-day-selected {
  border-radius: var(--radius) 0 0 var(--radius);
}

.datepicker__month-day--last-day-selected {
  border-radius: 0 var(--radius) var(--radius) 0;
}

.moresevendays .datepicker__month-day--first-day-selected {
  border-radius: var(--radius) 0 0 0;
}

.moresevendays .datepicker__month-day--last-day-selected {
  border-radius: 0 0 var(--radius) 0;
}