@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap");
/* devanagari */
@font-face {
	font-family: 'Baloo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/baloo/v13/6xKhdSpJJ92I9MWOCm7JLQ.woff2") format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* vietnamese */
@font-face {
	font-family: 'Baloo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/baloo/v13/6xKhdSpJJ92I9MWACm7JLQ.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: 'Baloo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/baloo/v13/6xKhdSpJJ92I9MWBCm7JLQ.woff2") format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Baloo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/baloo/v13/6xKhdSpJJ92I9MWPCm4.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+2074, 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: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.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: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.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: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format('woff2');
	unicode-range: 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: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2") format('woff2');
	unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, 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-23B6, 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+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.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-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 400;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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+2074, 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: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.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: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.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: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format('woff2');
	unicode-range: 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: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2") format('woff2');
	unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, 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-23B6, 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+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.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-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 600;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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+2074, 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: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.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: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.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: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format('woff2');
	unicode-range: 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: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2") format('woff2');
	unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, 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-23B6, 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+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.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-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.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: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
	font-family: 'Satisfy';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/satisfy/v21/rP2Hp2yn6lkG50LoCZOIHQ.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body {line-height: 28px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000;}
body.is--locked {overflow: hidden;}
h1, p.heading-1, h2, p.heading-2, h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {margin: 0 0 28px 0; padding: 0; font-family: "Baloo 2", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
h1, p.heading-1 {line-height: 44px; font-size: 44px;}
h2, p.heading-2 {line-height: 32px; font-size: 32px;}
h3, p.heading-3 {line-height: 28px; font-size: 28px;}
h4, p.heading-4 {font-size: 24px;}
h5, p.heading-5, h6, p.heading-6 {font-size: 20px;}
a, a:hover {color: #000000;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
ul, ol, p {margin: 0 0 28px 0;}
p.button {line-height: 48px; display: inline-block;}
p.button.left {}
p.button.center {margin: 0 auto; display: table;}
p.button.right {float: right;}
p.button a, p.button a:hover {text-decoration: none;}
p.button a, p.button a span {display: block;}
p.button a span, p.button a span:before, p.button a span:after {transition: background-color linear 125ms;}
p.button a span {line-height: 40px; padding: 0 28px; border: 2px solid #000000; border-radius: 9999px; font-size: 18px; font-weight: 600;}
.padding.top {padding-top: 64px;}
.padding.right {padding-right: 40px;}
.padding.bottom {padding-bottom: 32px;}
.padding.left {padding-left: 40px;}
table {margin-bottom: 32px;}

/*************************************************
	RAINBOW
*************************************************/
/*
.basisschooldeontdekking .line-top,
.basisschooldeontdekking .line-bottom
{ background: linear-gradient(90deg, rgba(130,10,10,1) 0%, rgba(176,0,122,1) 11%, rgba(73,0,152,1) 33%, rgba(1,95,181,1) 50%, rgba(0,175,224,1) 61%, rgba(0,147,103,1) 90%, rgba(35,149,0,1) 100%) !important; }
*/
.basisschooldeontdekking .header--homepage.homepage--intro {background: linear-gradient(90deg, rgba(130, 10, 10, 1) 0%, rgba(176, 0, 122, 1) 11%, rgba(73, 0, 152, 1) 33%, rgba(1, 95, 181, 1) 50%, rgba(0, 175, 224, 1) 61%, rgba(0, 147, 103, 1) 90%, rgba(35, 149, 0, 1) 100%) !important;}
/*
.basisschooldeontdekking .heading-1 span.first-line,
.basisschooldeontdekking .heading-1 span.second-line,
.basisschooldeontdekking .heading-1 span.third-line { background: rgba(98,3,157,1) !important; }
.basisschooldeontdekking .heading-1 span.first-line:before,
.basisschooldeontdekking .heading-1 span.second-line:before,
.basisschooldeontdekking .heading-1 span.third-line:before { background: linear-gradient(90deg, rgba(176,0,122,1) 0%, rgba(98,3,157,1) 100%); } 
.basisschooldeontdekking .heading-1 span.first-line:after,
.basisschooldeontdekking .heading-1 span.second-line:after,
.basisschooldeontdekking .heading-1 span.third-line:after { background: linear-gradient(90deg, rgba(98,3,157,1) 0%, rgba(0,147,218,1) 100%); }
.basisschooldeontdekking .heading-2 span.first-line,
.basisschooldeontdekking .heading-2 span.second-line,
.basisschooldeontdekking .heading-2 span.third-line { background: rgba(98,3,157,1) !important; }
.basisschooldeontdekking .heading-2 span.first-line:before,
.basisschooldeontdekking .heading-2 span.second-line:before,
.basisschooldeontdekking .heading-2 span.third-line:before { background: linear-gradient(90deg, rgba(176,0,122,1) 0%, rgba(98,3,157,1) 100%); } 
.basisschooldeontdekking .heading-2 span.first-line:after,
.basisschooldeontdekking .heading-2 span.second-line:after,
.basisschooldeontdekking .heading-2 span.third-line:after { background: linear-gradient(90deg, rgba(98,3,157,1) 0%, rgba(0,147,218,1) 100%); }
*/
/*
main.basisschooldeontdekking section .hero .text p.heading-1 span { background: rgba(98,3,157,1) !important; }
*/
header.basisschooldeontdekking:not(.title) {border-image: linear-gradient(90deg, rgba(130, 10, 10, 1) 0%, rgba(176, 0, 122, 1) 11%, rgba(73, 0, 152, 1) 33%, rgba(1, 95, 181, 1) 50%, rgba(0, 175, 224, 1) 61%, rgba(0, 147, 103, 1) 90%, rgba(35, 149, 0, 1) 100%) 1 0 0 0;}
main.basisschooldeontdekking section.background-color.background-color-2 { background: linear-gradient(90deg, rgba(130,10,10,1) 0%, rgba(176,0,122,1) 11%, rgba(73,0,152,1) 33%, rgba(1,95,181,1) 50%, rgba(0,175,224,1) 61%, rgba(0,147,103,1) 90%, rgba(35,149,0,1) 100%) !important; }
footer.basisschooldeontdekking {border-image: linear-gradient(90deg, rgba(130, 10, 10, 1) 0%, rgba(176, 0, 122, 1) 11%, rgba(73, 0, 152, 1) 33%, rgba(1, 95, 181, 1) 50%, rgba(0, 175, 224, 1) 61%, rgba(0, 147, 103, 1) 90%, rgba(35, 149, 0, 1) 100%) 1 0 0 0;}
main.basisschooldeontdekking section.background-color.background-color-1 h1,
main.basisschooldeontdekking section.background-color.background-color-1 h2,
main.basisschooldeontdekking section.background-color.background-color-1 h3,
main.basisschooldeontdekking section.background-color.background-color-1 h4,
main.basisschooldeontdekking section.background-color.background-color-1 h5,
main.basisschooldeontdekking section.background-color.background-color-1 h6 {color: #FFFFFF;}
main.basisschooldeontdekking section.background-color.background-color-1 a, 
main.basisschooldeontdekking section.background-color.background-color-1 a:hover {color: #FFFFFF;}
main.basisschooldeontdekking section.background-color.background-color-2 h1,
main.basisschooldeontdekking section.background-color.background-color-2 h2,
main.basisschooldeontdekking section.background-color.background-color-2 h3,
main.basisschooldeontdekking section.background-color.background-color-2 h4,
main.basisschooldeontdekking section.background-color.background-color-2 h5,
main.basisschooldeontdekking section.background-color.background-color-2 h6, 
main.basisschooldeontdekking section.background-color.background-color-2 p {color: #FFFFFF;}
main.basisschooldeontdekking section.background-color.background-color-2 a, 
main.basisschooldeontdekking section.background-color.background-color-2 a:hover {color: #FFFFFF;}
/*
main.basisschooldeontdekking section.background-color.background-color-2 .counter .icon { background-color: #fff !important; } 
*/
/*
.basisschooldeontdekking .background-color-2, 
header.basisschooldeontdekking #secondary nav ul li a span, 
main.basisschooldeontdekking section .hero .text p.heading-1 span, 
.basisschooldeontdekking p.button a:hover span.background-color-1, 
.basisschooldeontdekking p.button a:hover span.background-color-2, 
.basisschooldeontdekking p.button a:hover span.background-color-3, 
header.basisschooldeontdekking #secondary nav ul li a:hover span,
.basisschooldeontdekking p.button a span.background-color-2, 
.basisschooldeontdekking .umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button { background-color: rgba(98,3,157,1) !important; }
*/
/*
main.basisschooldeontdekking section .hero .text p.heading-1 span:before, 
.basisschooldeontdekking p.button a:hover span.background-color-1:before, 
.basisschooldeontdekking p.button a span.background-color-2:before,
header.basisschooldeontdekking #secondary nav ul li a span:before, 
.basisschooldeontdekking .umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:before { background: linear-gradient(90deg, rgba(176,0,122,1) 0%, rgba(98,3,157,1) 100%); }
*/
/*
main.basisschooldeontdekking section .hero .text p.heading-1 span:after, 
header.basisschooldeontdekking #secondary nav ul li a span:after,
.basisschooldeontdekking p.button a:hover span.background-color-1:after,
.basisschooldeontdekking p.button a span.background-color-2:after, 
.basisschooldeontdekking .umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:after { background: linear-gradient(90deg, rgba(98,3,157,1) 0%, rgba(0,147,218,1) 100%); }
*/
/*
footer.basisschooldeontdekking + #nav_mobile { background: rgba(79,175,108,0.9); }
*/
header.daltonschoolprinshendrikio #logo {
	margin: 24px 0 24px 40px;
}
header.daltonschoolprinshendrikio #logo a img {height: 94px; max-height: 94px;}

@media (max-width: 576px) {
	header.daltonschoolprinshendrikio #logo {margin: 15px 0;}
	header.daltonschoolprinshendrikio #logo a img {height: 64px; max-height: 64px;}
	nav.mobile.daltonschoolprinshendrikio {height: calc(100% - 110px);}
}
@media (min-width: 576.02px) and (max-width: 820px)
{
	header.daltonschoolprinshendrikio #logo {margin: 15px 0;}
	header.daltonschoolprinshendrikio #logo a img {height: 64px; max-height: 64px;}
	nav.mobile.daltonschoolprinshendrikio {height: calc(100% - 110px);}
}

header.johnfkennedy:not(.title) {
	border-image: linear-gradient(to right,#e61c29 33.33%, #ffd443 33.33%, #ffd443 66.66%, #004999 66.66%) 1 0 0 0;
}
header.johnfkennedy .header--homepage.homepage--intro {background: #e61c29;}
footer.johnfkennedy {border-image: linear-gradient(to right,#e61c29 33.33%, #ffd443 33.33%, #ffd443 66.66%, #004999 66.66%) 1 0 0 0;}
/*************************************************
	FONTS 
*************************************************/
.baloo {
	font-family: 'Baloo', cursive;
}
.satisfy {font-family: 'Satisfy', cursive;}
/************************************************/
#wrapper.is--locked {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: absolute;}

header:not(.title) {background-color: #FFFFFF; border-top: 16px solid; position: relative; z-index: 1;}
header .line-top, 
header .line-bottom {height: 40px; right: 0; left: 0; position: absolute; z-index: 1;}
header .line-top {top: calc(100% - 1px) !important;}
header .line-top {background-color: #FFFFFF;}
header .line-top {-webkit-mask: url("/images/hero-line-top.svg") repeat-x top center; -webkit-mask-size: 1920px 40px; mask: url("/images/hero-line-top.svg") repeat-x top center; mask-size: 1920px 40px;}

header #logo {margin: 40px 0 40px 40px;}
header #logo a img {max-width: 100%; width: auto; max-height: 70px; height: auto;}
header #logo {float: left; position: relative;}
header #logo #logo_vreedzame_school {top: 0; left: 100%; position: absolute;}
header #logo #logo_vreedzame_school img {width: auto; height: 96px; margin-left: 10px;}

header #navigations-placeholder {float: right;}

header #primary {margin-bottom: 24px; text-align: right; display: block;}
header #primary nav {float: right;}
header #primary nav ul {margin: 0; padding: 0;}
header #primary nav > ul > li {margin: 0 0 0 20px; padding: 0; list-style: none; display: inline-block; float: left; position: relative;}
header #primary nav > ul > li:first-of-type {margin-left: 0;}
header #primary nav > ul > li > a, 
header #primary nav > ul > li > a > span {color: #000000; display: block;}
header #primary nav > ul > li > a > span {font-family: "Baloo 2", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 24px; transition: color linear 125ms;}
header #primary nav ul li a span.dropdown-arrow {display: inline-block; vertical-align: middle;}
header #primary nav ul li a span.dropdown-arrow:after {font-family: "Font Awesome 5 Pro"; font-size: 14px; font-weight: 700; content: "\f078"; display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}
header #primary nav ul li .dropdown {top: 100%; right: 0; padding: 20px; background-color: #F6F6F6/*#FFFFFF*/; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); display: none; position: absolute; z-index: 4; -webkit-mask: url("/images/header-intro-masker-rotated.svg") repeat-x bottom left; -webkit-mask-size: auto 100%; mask: url("/images/header-intro-masker-rotated.svg") repeat-x bottom left; mask-size: auto 100%;}
header #primary nav ul li .dropdown ul {margin: 0; padding: 0;}
header #primary nav ul li .dropdown ul li {margin: 0; padding: 0; border-bottom: 1px solid #E1E1E1; list-style: none; float: none; display: block;}
header #primary nav ul li .dropdown ul li:last-of-type {border-bottom: 0;}
header #primary nav ul li .dropdown ul li a, 
header #primary nav ul li .dropdown ul li a span {color: #000000; display: block;}
header #primary nav ul li .dropdown ul li a {text-decoration: none; display: flex; flex-direction: row; transition: color linear 125ms; align-items: center;}
header #primary nav ul li .dropdown ul li a::after {margin-left: auto; font-family: "Font Awesome 5 Pro"; content: "\f178"; transition: color linear 125ms;}
header #primary nav ul li .dropdown ul li a span {padding: 8px 20px; white-space: nowrap; transition: color linear 125ms;}
header #primary nav ul li:hover .dropdown {display: block;}

header #secondary {margin: 24px 0 20px 0; text-align: right; display: block;}
header #secondary nav {float: right;}
header #secondary div {float: right;}
header #secondary nav ul {margin: 0; padding: 0;}
header #secondary div ul {margin: 5px 0; padding: 0;}
header #secondary nav ul li, 
header #secondary div ul li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
header #secondary nav ul li {line-height: 44px; margin-left: 16px; display: inline-block;}
header #secondary nav ul li a, 
header #secondary nav ul li a:hover {text-decoration: none;}
header #secondary nav ul li a, 
header #secondary nav ul li a span {display: block; transition: background-color linear 125ms;}
header #secondary nav ul li a span {border-radius: 9999px; font-size: 18px; font-weight: 600;}
header #secondary nav ul li:first-of-type a span {line-height: 44px; padding: 0 30px; border: 0;}
header #secondary nav ul li a span {line-height: 40px; padding: 0 28px; border: 2px solid #000000;}
header #secondary div ul li {}
header #secondary div ul li a {text-decoration: none;}
header #secondary div ul li a i {width: 34px; height: 34px; line-height: 34px; background-color: #FFFFFF; border-radius: 6px; text-align: center; display: block; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); transition: background-color linear 125ms;}
header #secondary div ul li a i.fa-facebook-f {transform: rotate(16deg);}
header #secondary div ul li a i.fa-instagram {margin-top: 4px; transform: rotate(2deg);}
header #secondary div ul li a i.fa-x-twitter {transform: rotate(-9deg);}

header #primary nav ul li a, 
header #primary nav ul li a:hover

header #secondary nav ul li a, 
header #secondary nav ul li a:hover {text-decoration: none;}

header .header--top {position: relative;}

header .header--homepage {}
header .header--homepage.homepage--intro {}
header .header--homepage.homepage--intro .line-bottom {background-color: #FFFFFF;}
header .header--homepage.homepage--intro .intro--placeholder {display: grid; grid-template-columns: 33.33333333333333% 66.66666666666667%; align-items: center;}

/* Template 4 */

header .header--homepage.homepage--intro.template-4 .intro--placeholder {display: grid; grid-template-columns: 50% 50%; align-items: center;}

/**/

header .header--homepage.homepage--intro .intro--placeholder .placeholder--content {margin: 56px 0;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro {right: -70px; left: 0; width: calc(100% + 70px); position: relative; z-index: 4;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro:before {content: ''; position: absolute; top: 6px; right: 0; bottom: 0; left: 0; z-index: 4; -webkit-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.14); box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.14);}

/* Template 1 */

header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box,
header .header--homepage.homepage--intro.template-1 .intro--placeholder .placeholder--content .content--intro .intro--box {padding: 40px 40px 32px 40px; position: relative; background-color: #FFFFFF; border-radius: 0 0 8px 8px; -webkit-mask: url("/images/header-intro-masker.svg") no-repeat top left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker.svg") no-repeat top left; mask-size: 100% auto; z-index: 5;}

/* Template 2 */

header .header--homepage.homepage--intro.template-2 .intro--placeholder .placeholder--content .content--intro .intro--box {border-radius: 8px; -webkit-mask: unset; -webkit-mask-size: unset; mask: unset; mask-size: unset; z-index: 5;}

/* Template 3 */

header .header--homepage.homepage--intro.template-3 .intro--placeholder .placeholder--content .content--intro {right: 70px; width: calc(100% - 70px);}
header .header--homepage.homepage--intro.template-3 .intro--placeholder .placeholder--content .content--intro:before {display: none; visibility: hidden;}
header .header--homepage.homepage--intro.template-3 .intro--placeholder .placeholder--content .content--intro .intro--box {padding: 0; background-color: transparent; border-radius: 0; -webkit-mask: unset; -webkit-mask-size: unset; mask: unset; mask-size: unset; z-index: 5;}

/* Template 4 */

header .header--homepage.homepage--intro.template-4 .intro--placeholder .placeholder--content .content--intro {right: 70px; width: calc(100% - 70px);}
header .header--homepage.homepage--intro.template-4 .intro--placeholder .placeholder--content .content--intro:before {display: none; visibility: hidden;}
header .header--homepage.homepage--intro.template-4 .intro--placeholder .placeholder--content .content--intro .intro--box {padding: 0; background-color: transparent; border-radius: 0; -webkit-mask: unset; -webkit-mask-size: unset; mask: unset; mask-size: unset; z-index: 5;}

/**/

header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box.centered {text-align: center;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h1,
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h2 {margin: 0; padding: 0;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h1 {color: #000000;word-break: break-word;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h2 {line-height: 48px; font-size: 28px; font-weight: 700;} 
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box p {margin: 0;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box p.text {margin: 28px 0 0 0;}

header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu {top: 0; left: 30px; width: calc(100% + 10px); padding: 20px 40px 30px 40px; background-color: #FFFFFF; position: relative; z-index: 3; transform: rotate(2deg); transform-origin: top right; -webkit-mask: url("/images/header-intro-masker-rotated.svg") no-repeat bottom left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker-rotated.svg") no-repeat bottom left; mask-size: 100% auto;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu .menu--box {margin-right: 40px; transform: rotate(-2deg);}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu .menu--box ul {margin: 0; padding: 0;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu .menu--box ul li {margin: 0; padding: 0; list-style: none;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu .menu--box ul li:not(:last-of-type) {border-bottom: 1px solid #E1E1E1;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu .menu--box ul li a {line-height: 36px; text-decoration: none; display: flex; flex-direction: row; transition: color linear 125ms;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu .menu--box ul li a::after {margin-left: auto; font-family: "Font Awesome 5 Pro"; content: "\f178";}

header .header--homepage.homepage--intro .intro--placeholder .placeholder--image {margin-bottom: 56px;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--image .image--intro {border-radius: 0 0 16px 16px; -webkit-mask: url("/images/header-intro-masker.svg") no-repeat top left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker.svg") no-repeat top left; mask-size: 100% auto; position: relative; z-index: 3; overflow: hidden; padding-bottom: 56.25%;}
header .header--homepage.homepage--intro .intro--placeholder .placeholder--image .image--intro img {width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover;}

/* Template 4 */

header .header--homepage.homepage--intro.template-4 .intro--placeholder .placeholder--image {margin-top: 56px; margin-bottom: 28px; transform: rotate(2deg); transform-origin: top left; position: relative; z-index: 2;}
header .header--homepage.homepage--intro.template-4 .intro--placeholder .placeholder--image .image--intro {width: 100%; height: auto; border: 4px solid #FFFFFF; border-radius: 16px; -webkit-mask: unset; -webkit-mask-size: unset; mask: unset; mask-size: unset; padding-bottom: 56.25%; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34); position: relative; overflow: hidden;}
header .header--homepage.homepage--intro.template-4 .intro--placeholder .placeholder--image .image--intro img {width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover;}

/**/

header .header--homepage.homepage--intro .line-bottom {height: 40px; right: 0; left: 0; position: absolute; z-index: 1;}
header .header--homepage.homepage--intro .line-bottom {bottom: -1px;}
header .header--homepage.homepage--intro .line-bottom {background-color: #FFFFFF;}
header .header--homepage.homepage--intro .line-bottom {-webkit-mask: url("/images/hero-line-bottom.svg") repeat-x bottom center; -webkit-mask-size: 1920px 40px; mask: url("/images/hero-line-bottom.svg") repeat-x bottom center; mask-size: 1920px 40px;}
header .header--homepage.homepage--intro .line-bottom .overlay {top: 0; right: 0; bottom: -1px; left: 0; background-image: url("/images/hero-line-bottom-overlay.svg"); background-repeat: repeat-x; background-size: 1920px 40px; background-position: bottom center; position: absolute; z-index: 2;}

main {}
main section:last-of-type .overlay-bottom, main section:last-of-type .line-bottom {display: none; visibility: hidden;}
main section {overflow: hidden;}

.new--hero {}
.new--hero .line-bottom {background-color: #FFFFFF;}
.new--hero .intro--placeholder {display: grid; grid-template-columns: 40% 50%; align-items: center;}
.new--hero .intro--placeholder .placeholder--content {/*margin-bottom: 56px;*/}
.new--hero .intro--placeholder .placeholder--content .content--intro {right: -70px; left: 0; width: calc(100% + 70px); -webkit-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.14); box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.14); position: relative; z-index: 4;}
.new--hero .intro--placeholder .placeholder--content .content--intro .intro--box {padding: 32px 40px; background-color: #FFFFFF; border-radius: 0 0 8px 8px; -webkit-mask: url("/images/header-intro-masker.svg") no-repeat top left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker.svg") no-repeat top left; mask-size: 100% auto;}
/*.new--hero .intro--placeholder .placeholder--content .content--intro .intro--box.centered {text-align: center;}*/
.new--hero .intro--placeholder .placeholder--content .content--intro .intro--box h2,
.new--hero .intro--placeholder .placeholder--content .content--intro .intro--box h3 {margin: 0; padding: 0;}
.new--hero .intro--placeholder .placeholder--content .content--intro .intro--box h2 {color: #000000;}
.new--hero .intro--placeholder .placeholder--content .content--intro .intro--box h3 {line-height: 48px; font-size: 28px; font-weight: 700;} 
.new--hero .intro--placeholder .placeholder--content .content--intro .intro--box p {margin: 0; color: #000000;}
.new--hero .intro--placeholder .placeholder--image {/*margin: -48px 0;*/ position: relative; z-index: 1;}
.new--hero .intro--placeholder .placeholder--image .image--intro {padding: 6px;}
.new--hero .intro--placeholder .placeholder--image .image--intro {transform: rotate(-2deg); transform-origin: center;}
.new--hero .intro--placeholder .placeholder--image .image--intro img {width: 100%; height: auto; border: 4px solid #FFFFFF; border-radius: 16px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.34); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.34); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.34); position: relative; overflow: hidden;}
.new--hero .line-bottom {height: 40px; right: 0; left: 0; position: absolute; z-index: 1;}
.new--hero .line-bottom {bottom: -1px;}
.new--hero .line-bottom {background-color: #FFFFFF;}
.new--hero .line-bottom {-webkit-mask: url("/images/hero-line-bottom.svg") repeat-x bottom center; -webkit-mask-size: 1920px 40px; mask: url("/images/hero-line-bottom.svg") repeat-x bottom center; mask-size: 1920px 40px;}
.new--hero .line-bottom .overlay {top: 0; right: 0; bottom: -1px; left: 0; background-image: url("/images/hero-line-bottom-overlay.svg"); background-repeat: repeat-x; background-size: 1920px 40px; background-position: bottom center; position: absolute; z-index: 2;}

.hero {width: 100%;}
.hero .line-top.background-color-1 {top: 0; right: 0; left: 0; mask: unset; -webkit-mask: unset; background-color: unset !important; position: absolute;}
.hero #map {width: 100%; height: 640px; display: block;}

main section {position: relative;}
main section .line-top, 
main section .overlay-top, 
main section .line-bottom, 
main section .overlay-bottom,
footer #footer-bottom .overlay-top {height: 40px;}

main section .line-top {background-color: #000000;}
main section .line-top {-webkit-mask: url("/images/hero-line-top.svg") repeat-x top center; -webkit-mask-size: 1920px 40px; mask: url("/images/hero-line-top.svg") repeat-x top center; mask-size: 1920px 40px;}
main section .line-top .overlay {top: -1px; right: 0; bottom: 0; left: 0; background-image: url("/images/hero-line-top-overlay.svg"); background-repeat: repeat-x; background-size: 1920px 40px; background-position: top center; position: absolute; z-index: 2;}
main section .line-bottom {background-color: #000000;}
main section .line-bottom {pointer-events: none; -webkit-mask: url("/images/hero-line-bottom.svg") repeat-x bottom center; -webkit-mask-size: 1920px 40px; mask: url("/images/hero-line-bottom.svg") repeat-x bottom center; mask-size: 1920px 40px;}
main section .line-bottom .overlay {top: 0; right: 0; bottom: -1px; left: 0; background-image: url("/images/hero-line-bottom-overlay.svg"); background-repeat: repeat-x; background-size: 1920px 40px; background-position: bottom center; position: absolute; z-index: 2;}
main section.background-color {background-color: #000000;}
main section.background-color.background-color-3 {background-color: #FFFFFF;}
main section.background-color .line-top, main section.background-color .overlay-top, footer #footer-bottom .overlay-top {top: -1px; position: relative;}
main section.background-color .overlay-top, footer #footer-bottom .overlay-top {background-image: url("/images/hero-line-top-overlay.svg"); background-repeat: repeat-x; background-size: 1920px 40px; background-position: top center;}
main section.background-color .overlay-bottom {background-image: url("/images/hero-line-bottom-overlay.svg"); background-repeat: repeat-x; background-size: 1920px 40px; background-position: bottom center;}

footer {border-top: 16px solid;}
footer a {text-decoration: none;}
footer a:hover {text-decoration: underline;}
footer .padding.top {padding-top: 56px;}
footer #footer-top .padding.bottom, 
footer #footer-bottom .padding.bottom {padding-bottom: 32px;}
footer #footer-top .logo a img {width: auto; max-width: 100%; max-height: 72px; height: auto; display: block;}
footer #footer-top a, 
footer #footer-top a:hover {color: #000000; word-break: break-all;}
footer #footer-top p {margin: 0 0 12px 0;}
footer #footer-top p strong {font-weight: 600;}
footer #footer-top ul {margin: 0; padding: 0;}
footer #footer-top ul li {margin: 0; padding: 0; list-style: none;}
footer #footer-top .social-media-container {margin: 20px 0;}
footer #footer-top .social-media-container ul {display: flex;}
footer #footer-top .social-media-container ul li {}
footer #footer-top .social-media-container ul li a {text-decoration: none;}
footer #footer-top .social-media-container ul li a i {width: 34px; height: 34px; line-height: 34px; background-color: #FFFFFF; border-radius: 6px; text-align: center; display: block; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); transition: background-color linear 125ms;}
footer #footer-top .social-media-container ul li a i.fa-facebook-f {transform: rotate(16deg);}
footer #footer-top .social-media-container ul li a i.fa-instagram {margin-top: 4px; transform: rotate(2deg);}
footer #footer-top .social-media-container ul li a i.fa-x-twitter {transform: rotate(-9deg);}
footer #footer-top .logo-social-schools a img {width: 100%; max-width: 230px; margin-top: 10px; height: auto; max-height: 48px; display: block;}
footer #footer-top .logo-skbg a img {width: auto; max-width: 100%; max-height: 72px; margin-top: 10px; margin-bottom: 20px; display: block;}
footer #footer-top .logo-parro a img {width: auto; max-width: 100%; max-height: 72px; margin-top: 10px; margin-bottom: 20px; display: block;}
footer #footer-bottom, footer #footer-bottom .overlay-top {background-color: #F6F6F6;}
footer #footer-bottom .padding.top {padding-top: 12px;}
footer #footer-bottom .padding.bottom {padding-bottom: 12px;}
footer #footer-bottom a, footer #footer-bottom a:hover {}
footer #footer-bottom p {margin: 0; font-size: 14px; color: #000000;}
footer #footer-bottom p span#photographer {margin-right: 20px;}
footer #footer-bottom p span#photographer, 
footer #footer-bottom p span#copyright-line {float: right;}
footer #footer-bottom p span#copyright-line, footer #footer-bottom p span#copyright-line a {color: rgba(0,0,0,0.4);}

.video,.video-wrapper {height: 0; margin-bottom: 32px; padding-bottom: 56.25%; position: relative;}
.video iframe,.video-wrapper iframe {top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none;}

.carousel {margin: 0 auto; text-align: center; display: table;}
.carousel .slides {}
.carousel .slides .slide {}
.carousel .slides .slide .media {margin-bottom: 16px; border: 5px solid #FFFFFF; border-radius: 50%; overflow: hidden;}
.carousel .slides .slide .media.without-masker {border-radius: unset !important;}
.carousel .slides .slide .media img {}
.carousel .slides .slide p.full-name {line-height: 32px; margin-bottom: 0; font-size: 30px; font-family: 'Satisfy', cursive;}
.carousel .slides .slide p.note {}

.slider {text-align: center;}
.slider .slides {}
.slider .slides .slide {}
.slider .slides .slide p.single-quote,
.slider .slides .slide p.full-name {font-family: 'Satisfy', cursive;}
.slider .slides .slide p.single-quote {color: #777777;}
.slider .slides .slide p.full-name {margin-bottom: 0;}
.slider .slides .slide p.note {}

.team.overview {display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px;}
.team.overview .item .media {margin: 0;}

@media (max-width: 576px) {
	.team.overview {display: grid; grid-template-columns: 100%; gap: 0; row-gap: 32px;}
}
@media (min-width: 576.02px) and (max-width: 992px) {
	.team.overview {display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;}
}

/* ROUND */

.team.overview .item.round {text-align: center;}
.team.overview .item.round .media {width: 75%; padding-top: 75%; margin: 0 auto 28px auto; border-radius: 0; overflow: hidden; position: relative;}
.team.overview .item.round .media picture {top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; -webkit-mask-size: 100%; mask-size: 100%;}
.team.overview .item.round:nth-child(odd) .media picture {-webkit-mask: url("/images/image_masker_team.svg") no-repeat top left; mask: url("/images/image_masker_team.svg") no-repeat top left;}
.team.overview .item.round:nth-child(even) .media picture {-webkit-mask: url("/images/image_masker_team_flipped.svg") no-repeat top left; mask: url("/images/image_masker_team_flipped.svg") no-repeat top left;}
.team.overview .item.round .media picture img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; position: absolute; object-fit: cover;}
.team.overview .item.round p {margin: 0; padding: 0;}
.team.overview .item.round p.full-name {line-height: 28px; font-size: 24px; font-family: "Kalam", cursive; font-weight: 400; color: #000000;}
.team.overview .item.round p.note {}

/* RECTANGLE WITH TEXT BELOW */

.team.overview .item.rectangle_with_text_below {text-align: center;}
.team.overview .item.rectangle_with_text_below .media {width: 100%; padding-top: 125%; margin: 0 0 28px 0; border: 4px solid #FFFFFF; border-radius: 16px; overflow: hidden; position: relative; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);}
.team.overview .item.rectangle_with_text_below .media picture {top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask: unset; mask: unset;}
.team.overview .item.rectangle_with_text_below .media picture img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; position: absolute; object-fit: cover;}
.team.overview .item.rectangle_with_text_below p {margin: 0; padding: 0;}
.team.overview .item.rectangle_with_text_below p.full-name {line-height: 28px; font-size: 24px; font-family: "Kalam", cursive; font-weight: 400; color: #000000;}
.team.overview .item.rectangle_with_text_below p.note {}

/* RECTANGLE WITH TEXT INSIDE */

.team.overview .item.rectangle_with_text_inside {height: 100%; text-align: center;}
.team.overview .item.rectangle_with_text_inside .media {height: 100%; flex: 0;}
.team.overview .item.rectangle_with_text_inside .media {border-radius: 16px; border: 4px solid #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);}
.team.overview .item.rectangle_with_text_inside .media {display: flex; flex-direction: column;}
.team.overview .item.rectangle_with_text_inside .media .image {width: 100%; padding-top: 125%; position: relative;}
.team.overview .item.rectangle_with_text_inside .media .image picture {top: 0; right: 0; bottom: 0; left: 0; position: absolute; overflow: hidden; -webkit-mask: unset; mask: unset;}
.team.overview .item.rectangle_with_text_inside .media .image picture img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; position: absolute; object-fit: cover;}
.team.overview .item.rectangle_with_text_inside .media .content {flex: 1;}
.team.overview .item.rectangle_with_text_inside .media .content .background-color-2.alpha {padding: 20px; height: 100%;}
.team.overview .item.rectangle_with_text_inside .media .content .background-color-2.alpha p {margin: 0; padding: 0;}
.team.overview .item.rectangle_with_text_inside .media .content .background-color-2.alpha p.full-name {line-height: 28px; font-size: 24px; font-family: "Kalam", cursive; font-weight: 400; color: #000000;}
.team.overview .item.rectangle_with_text_inside .media .content .background-color-2.alpha p.note {}

/**/


.team.overview .item.rectangle_round_with_text_inside {height: 100%; text-align: center;}
.team.overview .item.rectangle_round_with_text_inside .media {height: 100%; flex: 0;}
.team.overview .item.rectangle_round_with_text_inside .media {border-radius: 0; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);}
.team.overview .item.rectangle_round_with_text_inside .media {display: flex; flex-direction: column;}
.team.overview .item.rectangle_round_with_text_inside .media .image {width: 100%; padding-top: 100%; position: relative; overflow: hidden;}
.team.overview .item.rectangle_round_with_text_inside .media .image picture {top: 10%; right: 10%; bottom: 10%; left: 10%; width: 80%; height: 80%; border-radius: 9999px; position: absolute; overflow: hidden; -webkit-mask: unset; mask: unset;}
.team.overview .item.rectangle_round_with_text_inside .media .image picture img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; position: absolute; object-fit: cover;}
.team.overview .item.rectangle_round_with_text_inside .media .content {flex: 1; padding: 20px; height: 100%;}
.team.overview .item.rectangle_round_with_text_inside .media .content p {margin: 0; padding: 0;}
.team.overview .item.rectangle_round_with_text_inside .media .content p.full-name {line-height: 28px; font-size: 24px; font-family: "Kalam", cursive; font-weight: 400; color: #000000;}
.team.overview .item.rectangle_round_with_text_inside .media .content p.note {}

/**/

.groups.overview {}
.groups.overview .item {width: 100%; margin-bottom: 32px; padding-top: 56.25%; border-radius: 16px; border-top-right-radius: 0; background-color: red;}
.groups.overview .item .media {margin-bottom: 32px; border: 5px solid #FFFFFF; border-radius: 50%; overflow: hidden;}
.groups.overview .item .media img {}
.groups.overview .item p.full-name {margin-bottom: 0; font-family: 'Satisfy', cursive;}
.groups.overview .item p.note {}
.flip-card {width: 100%; margin-bottom: 32px; padding-top: 56.25%; background-color: transparent; perspective: 1000px;}
.flip-card-inner {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: absolute;}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front, .flip-card-back {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-card-front {border-radius: 16px; border-top-right-radius: 0; overflow: hidden;}
.flip-card-front p.heading-2 {top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; pointer-events: none;}
.flip-card-back {transform: rotateY(180deg); border-radius: 16px; border-top-left-radius: 0; overflow: hidden;}
.flip-card-back p.button {position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1;}
.flip-card-back .media {border-radius: 0 0 15px 15px;}
.flip-card-back .media picture {-webkit-mask: unset; mask: unset;}
.events {}
.events ul.events-list {margin: 0 0 32px 0; padding: 0; background-color: #FFFFFF; border-radius: 15px; border-top-right-radius: 0; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);}
.events ul.events-list li.event {margin: 0; padding: 20px 20px 0 20px; border-bottom: 1px solid #DDDDDD; list-style-type: none; position: relative;}
.events ul.events-list li.event.pointer {cursor: pointer;}
.events ul.events-list li.event:last-of-type {border-bottom: 0;}
.events ul.events-list li.event .toggler {top: 20px; right: 20px; width: 32px; line-height: 32px; height: 32px; border-radius: 4px; border-top-right-radius: 0; display: block; position: absolute;}
.events ul.events-list li.event .toggler span {width: 32px; height: 32px; line-height: 32px; text-align: center; display: block; vertical-align: top; transition: all linear 125ms;}
.events ul.events-list li.event .toggler span:after {width: 32px; height: 32px; line-height: 32px; font-family: 'Font Awesome 5 Pro'; font-weight: 900; content: "\f107"; display: block; transition: all linear 250ms; vertical-align: top;}
.events ul.events-list li.event > a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.events ul.events-list li.event p {line-height: 32px; margin-bottom: 20px; display: block;}
.events ul.events-list li.event p span.date, .events ul.events-list li.event p span.title {display: inline-block;}
.events ul.events-list li.event .description {display: none;}
.events ul.events-list li.event .description .content-block {margin-left: 40px; padding: 24px 20px 2px 20px; border-radius: 10px 10px 10px 0; position: relative;}
.events ul.events-list li.event .description .content-block:before {top: 0; left: -40px; width: 20px; height: 25px; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; content: ""; display: block; position: absolute;}
.events ul.events-list li.event .description .content-block a {text-decoration: underline;}
.events ul.events-list li.event .description .content-block a:hover {text-decoration: none;}
.events ul.events-list li.event.expanded .toggler span {transform: rotate(180deg);}
.events .holidays {padding: 20px 20px 0 20px; border-radius: 16px; border-top-right-radius: 0;}
.events .holidays ul.short-events-list {margin: 0 0 20px 0; padding: 0;}
.events .holidays ul.short-events-list li {margin: 0; padding: 0; list-style-type: none;}
.events .holidays ul.short-events-list li p {}
.events .holidays ul.short-events-list li p span.date strong {}
.events.homepage {margin: 0;} 
.events.homepage ul.events-list {margin: 0 0 22px 0;}
.events.homepage ul.events-list li.event p.item-info {padding-right: 0;}

.counter {padding: 20px 40px 20px 0px; display: grid; grid-template-columns: 35% 65%; align-items: center; column-gap: 20px; position: relative;}
.counter::before {top: 0; right: 0; bottom: 0; left: 0; background-color: #FFFFFF; border-radius: 0 0 8px 8px; -webkit-mask: url("/images/header-intro-masker.svg") no-repeat top left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker.svg") no-repeat top left; mask-size: 100% auto; display: block; content: ""; position: absolute; z-index: 1;}
.counter .icon {width: 100%; padding-top: 75%; position: relative; z-index: 2;}
.counter .icon img {right: 0; bottom: 0; left: 0; position: absolute;}
.counter .counter-text {position: relative; z-index: 2;}
.counter .counter-text p.heading-1, .counter .counter-text p.heading-4 {margin: 0;}
.counter .counter-text p.heading-1 {line-height: 60px; font-size: 60px; font-weight: 700; color: #000000 !important;}
.counter .counter-text ul {margin: 7px 0 0 0; padding: 0;}
.counter .counter-text ul li {margin: 0; padding: 0; border-top: 1px solid #E1E1E1; list-style: none;}
.counter .counter-text ul li a {line-height: 36px; text-decoration: none; display: flex; flex-direction: row; transition: color linear 125ms;}
.counter .counter-text ul li a::after {margin-left: auto; font-family: "Font Awesome 5 Pro"; content: "\f178";}


h2.references-heading {margin: 56px 20px 28px 20px;}

.school--references {}
.school--references.slick-slider .slick-list.draggable {overflow: visible;}
.school--references .slick-track {display: flex !important; align-content: start; align-items: start;}
.school--references .slick-slide {height: inherit !important;}
.school--references .references--reference {padding: 56px 20px; position: relative; transition: all linear 125ms;}
/* Template 1 */
.school--references.template-1 .references--reference {display: grid; grid-template-columns: 1fr 1fr; align-items: center;}
/* Template 2 */
.school--references.template-2 .references--reference {padding-top: 0; display: block; margin-bottom: 28px;}
/* Template 3 */
.school--references.template-3 .references--reference {padding-top: 0; display: block;}
.school--references .references--reference:not(.slick-current) {opacity: 0.5;}
.school--references .references--reference::before {top: 0; bottom: 0; left: 37.5%; width: 25%; height: 100%; content: ""; position: absolute; z-index: 1;}
.school--references .references--reference .reference--content {padding: 40px; background-color: #FFFFFF; border-radius: 0 0 8px 8px; -webkit-mask: url("/images/header-intro-masker.svg") no-repeat top left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker.svg") no-repeat top left; mask-size: 100% auto; position: relative; z-index: 1;}
.school--references.template-2 .references--reference .reference--content {border-radius: 0;}
.school--references.template-2 .references--reference::after {right: 20px; bottom: 28px; left: 20px; height: 28px; background-color: #FFFFFF; content: ""; position: absolute; z-index: 1; -webkit-mask: url("/images/header-intro-masker-rotated.svg") no-repeat bottom left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker-rotated.svg") no-repeat bottom left; mask-size: 100% auto;}
/* Template 2 */
.school--references.template-2 .references--reference .reference--content {display: grid; grid-template-columns: 1.25fr 0.75fr;}
.school--references.template-2 .references--reference .reference--content .content--placeholder {width: calc(100% - 70px);}
/* Template 3 */
.school--references.template-3 .references--reference .reference--content {border-radius: 8px; -webkit-mask: unset; -webkit-mask-size: unset; mask: unset; mask-size: unset; display: grid;  grid-template-columns: 1.25fr 0.75fr; align-items: start; padding: unset; background-color: unset; border-radius: unset; align-items: center;}
.school--references.template-3 .references--reference .reference--content .content--placeholder {width: calc(100% + 70px); padding: 12px 180px 12px 40px; background-color: #FFFFFF; border-radius: 8px;}
.school--references .references--reference .reference--content p {color: #000000;}
.school--references .references--reference .reference--content p.title {}
.school--references .references--reference .reference--content p.quote {font-size: 20px; font-style: italic;}
/* Template 2 */
.school--references.template-2 .references--reference .reference--content p.quote {margin-top: 28px;}
/* Template 3 */
.school--references.template-3 .references--reference .reference--content p.quote {margin-top: 28px;}
.school--references .references--reference .reference--content p.full-name {margin: 0; font-size: 24px; font-family: "Kalam", cursive; font-weight: 400;}
.school--references .references--reference .reference--content p.note {}
.school--references .references--reference .reference--image {padding: 6px;}
.school--references .references--reference:nth-child(odd) .reference--image {transform: rotate(2deg); transform-origin: top left;}
.school--references .references--reference:nth-child(even) .reference--image {transform: rotate(-2deg); transform-origin: top right;}
.school--references .references--reference .reference--image img {width: 100%; height: auto; border: 4px solid #FFFFFF; border-radius: 16px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.34); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.34); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.34); position: relative; overflow: hidden;}
.school--references .references--reference:nth-child(odd) .reference--content {order: 2;}
.school--references .references--reference:nth-child(odd) .reference--image {margin-right: -40px; order: 1;}
.school--references .references--reference:nth-child(even) .reference--content {order: 1;}
.school--references .references--reference:nth-child(even) .reference--image {margin-left: -40px; order: 2;}
/* Template 2 */
.school--references.template-2 .references--reference .reference--image {margin-left: unset; margin-right: unset; position: relative; z-index: 1;}
/* Template 3 */
.school--references.template-3 .references--reference .reference--image {margin-left: -70px; margin-right: unset; position: relative; z-index: 1;}
@media (max-width: 576px) {
	.school--references.template-2 .references--reference::after {right: 6px; bottom: unset; left: 6px;}
	.school--references.template-2 .references--reference .reference--content {display: flex; flex-direction: column; -webkit-mask-size: auto 100%; mask-size: auto 100%;}
	.school--references.template-2 .references--reference .reference--content .content--placeholder {width: 100%;}
	.school--references.template-3 .references--reference .reference--content {display: flex; flex-direction: column;}
	.school--references.template-3 .references--reference .reference--content .content--placeholder {width: 100%; padding: 12px 40px; order: 2;}
	.school--references.template-3 .references--reference .reference--content .reference--image {width: 100%; order: 1;}
}
@media (min-width: 576.02px) and (max-width: 820px) {
	.school--references.template-2 .references--reference::after {right: 6px; bottom: unset; left: 6px;}
	.school--references.template-2 .references--reference .reference--content {display: flex; flex-direction: column; -webkit-mask-size: 100% auto; mask-size: 100% auto;}
	.school--references.template-2 .references--reference .reference--content .content--placeholder {width: 100%;}
	.school--references.template-3 .references--reference .reference--content {display: flex; flex-direction: column;}
	.school--references.template-3 .references--reference .reference--content .content--placeholder {width: 100%; padding: 12px 40px; order: 2;}
	.school--references.template-3 .references--reference .reference--content .reference--image {width: 100%; order: 1;}
}
@media (min-width: 820.02px) and (max-width: 1024px) {
	.school--references.template-2 .references--reference .reference--content {grid-template-columns: 1fr 1fr;}

	.school--references.template-3 .references--reference .reference--content {grid-template-columns: 1fr 1fr;}

}

ul.slick-dots {bottom: 0; left: 20px; margin: 0; padding: 0; display: flex; position: absolute;}
ul.slick-dots li {margin: 0; padding: 0; height: 14px; list-style: none;}
ul.slick-dots li:not(:last-of-type) {margin-right: 10px;}
ul.slick-dots li button {width: 14px; height: 14px; margin: 0; padding: 0; background-color: transparent; border: 3px solid #FFFFFF; border-radius: 9999px; font-size: 0; outline: none;}
ul.slick-dots li.slick-active button {background-color: #FFFFFF;}

.school--team {display: grid; grid-template-columns: 55% 40%; gap: 5%; position: relative; align-items: center;}
.school--team .team--employees {}
.school--team .team--employees::before {top: 0; bottom: 0; left: 0; width: 50%; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); content: ""; display: block; position: absolute; z-index: 1;}
.school--team .team--employees::after {top: 0; right: 0; bottom: 0; width: 50%; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); content: ""; display: block; position: absolute; z-index: 1;}
.school--team .team--employees .employees--employees {margin: 0 20px;}
.school--team .team--employees .employees--employees:nth-child(odd) {margin-top: 100px;}
.school--team .team--employees .employees--employees .employees--placeholder {display: flex; flex-direction: column; gap: 40px;}
.school--team .team--employees .employees--employees .employees--placeholder .placeholder--photo {width: 100%; padding-top: 100%; position: relative; overflow: hidden;}
/**/
.employees--employees .employees--placeholder .placeholder--photo {-webkit-mask-size: 100%; mask-size: 100%;}
.employees--employees .employees--placeholder:nth-child(odd) .placeholder--photo:not(.without-masker):nth-child(odd) {-webkit-mask: url("/images/image_masker_team.svg") no-repeat top left; mask: url("/images/image_masker_team.svg") no-repeat top left;}
.employees--employees .employees--placeholder:nth-child(odd) .placeholder--photo:not(.without-masker):nth-child(even) {-webkit-mask: url("/images/image_masker_team_flipped.svg") no-repeat top left; mask: url("/images/image_masker_team_flipped.svg") no-repeat top left;}
.employees--employees .employees--placeholder:nth-child(even) .placeholder--photo:not(.without-masker):nth-child(odd) {-webkit-mask: url("/images/image_masker_team.svg") no-repeat top left; mask: url("/images/image_masker_team.svg") no-repeat top left;}
.employees--employees .employees--placeholder:nth-child(even) .placeholder--photo:not(.without-masker):nth-child(even) {-webkit-mask: url("/images/image_masker_team_flipped.svg") no-repeat top left; mask: url("/images/image_masker_team_flipped.svg") no-repeat top left;}
/**/
.employees--employees .employees--placeholder:nth-child(odd) .placeholder--photo.without-masker:nth-child(odd) {padding-top: 125%; -webkit-mask: unset; mask: unset; border-radius: 16px; border: 4px solid #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);}
.employees--employees .employees--placeholder:nth-child(odd) .placeholder--photo.without-masker:nth-child(even) {padding-top: 125%; -webkit-mask: unset; mask: unset; border-radius: 16px; border: 4px solid #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);}
.employees--employees .employees--placeholder:nth-child(even) .placeholder--photo.without-masker:nth-child(odd) {padding-top: 125%; -webkit-mask: unset; mask: unset; border-radius: 16px; border: 4px solid #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);}
.employees--employees .employees--placeholder:nth-child(even) .placeholder--photo.without-masker:nth-child(even) {padding-top: 125%; -webkit-mask: unset; mask: unset; border-radius: 16px; border: 4px solid #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);}
/**/
.school--team .team--employees .employees--employees .employees--placeholder .placeholder--photo img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; position: absolute; object-fit: cover;}
.school--team .team--content {}

.news {}
.news.home {}
.news.home .group {display: flex; flex-direction: row; vertical-align: top; justify-content: space-between;}
.news.home .group h2, .news.home .group p {}
.news.home .group h2 {line-height: 44px;}
.news.home .group p {margin-left: auto;}


/*
.school--team {display: grid; grid-template-columns: 1fr 1fr;}
.school--team .team--employees {}
.school--team .team--employees .employees--employee {margin: 0 20px; display: grid; gap: 40px; grid-template-columns: 1fr;}
.school--team .team--employees .employees--employee:nth-child(odd) {margin-top: 128px;}
.school--team .team--employees .employees--employee .employee--photo {width: 100%; padding-top: 100%; background-color: red; border-radius: 9999px; position: relative; overflow: hidden;}
.school--team .team--employees .employees--employee .employee--photo img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; position: absolute; object-fit: cover;}
.school--team .team--content {}
*/
.icon {width: 48px; height: 48px; display: block; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: 48px 48px; mask-repeat: no-repeat; mask-position: center center; mask-size: 48px 48px; transition: background-color linear 125ms;}
.icon.adult {-webkit-mask-image: url("/images/icons/adult.svg"); mask-image: url("/images/icons/adult.svg");}
.icon.child {-webkit-mask-image: url("/images/icons/child.svg"); mask-image: url("/images/icons/child.svg");}
.icon.thumb {-webkit-mask-image: url("/images/icons/thumb.svg"); mask-image: url("/images/icons/thumb.svg");}
.bx-wrapper {margin: 0 68px; background: transparent; border: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.bx-wrapper .bx-viewport {margin-bottom: 32px;}
.bx-wrapper .bx-pager {font-size: inherit; font-family: inherit; font-weight: inherit; padding-top: 0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 0; margin-bottom: 32px; height: 10px; line-height: 10px; position: static;}
.bx-wrapper .bx-pager {margin-bottom: 0 !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #777777;}
.bx-wrapper .bx-pager.bx-default-pager a {background: rgba(0,0,0,0.2);}
.bx-wrapper .bx-controls-direction a {width: 48px; height: 48px; margin-top: -24px; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: 48px 48px; mask-repeat: no-repeat; mask-position: center center; mask-size: 48px 48px; transition: background-color linear 125ms; z-index: 9998;}
.bx-wrapper .bx-controls-direction a:hover {background-color: #777777 !important;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {background-image: none;}
.bx-wrapper .bx-prev {left: -68px; -webkit-mask-image: url("/images/icons/arrow-left.svg"); mask-image: url("/images/icons/arrow-left.svg");}
.bx-wrapper .bx-next {right: -68px; -webkit-mask-image: url("/images/icons/arrow-right.svg"); mask-image: url("/images/icons/arrow-right.svg");}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: center center;}

.media {margin-bottom: 32px; border-radius: 15px; overflow: hidden; position: relative;}

.media figcaption {padding: 4px 10px; background-color: #FFFFFF; border-radius: 8px; bottom: 8px; left: 8px; position: absolute; z-index: 1; color: #000000 !important;}

.image.template-1 .media picture {-webkit-mask: url("/images/header-intro-masker.svg") no-repeat top left; -webkit-mask-size: 100% auto; mask: url("/images/header-intro-masker.svg") no-repeat top left; mask-size: 100% auto;}
.image.template-2 .media {transform: rotate(-2deg); transform-origin: top right; border: 4px solid #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34);}
.image.template-3 .media {transform: rotate(2deg); transform-origin: top left; border: 4px solid #FFFFFF; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.34);}

.media picture img {}
.media.highslide a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.media.highslide img {border: none;}
.media.animation picture img {transition: transform .2s;}
.media.animation:hover picture img {transform: scale(1.1);}

img.img-fluid {width: 100%; max-width: 100%; height: auto; display: block;}
.umbraco-forms-form {}
.umbraco-forms-form form {}
.umbraco-forms-form form .umbraco-forms-page {}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset {padding: 0 !important;}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset .umbraco-forms-container {}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field {margin-bottom: 14px;}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-label {line-height: 44px; margin: 0; font-weight: 600;}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-label .umbraco-forms-indicator {display: none;}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper {}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=text] {width: 100%; max-width: unset !important; height: 44px; line-height: 44px; margin: 0; padding: 0 28px; border: 1px solid #DDDDDD; border-radius: 22px; background-color: transparent; text-indent: 0; outline: none;}
.umbraco-forms-form form .umbraco-forms-page fieldset.umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea {width: 100%; min-height: 196px; height: 196px; line-height: 28px; max-width: unset !important; margin: 0; padding: 14px 28px; background-color: transparent; border: 1px solid #DDDDDD; border-radius: 22px; text-indent: 0; outline: none; background-image: -moz-linear-gradient(top, transparent, transparent 31px, #DDDDDD 0px);}
.umbraco-forms-form input.text, .umbraco-forms-form input.datepickerfield, .umbraco-forms-form textarea {max-width: unset !important; width: 100%;}
.input-validation-error {background-color: rgba(255,0,0,0.25) !important; border-color: red !important;}
.field-validation-error {}
.field-validation-error span {padding: 0 28px; font-size: 14px; color: red;}
textarea.input-validation-error {}
/*.field-validation-error {display: none !important; visibility: hidden !important;}*/
.umbraco-forms-submitmessage { font-weight:bold; }
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation {}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button {line-height: 40px; padding: 0 28px; background-color: transparent; border: 2px solid #000000; border-radius: 9999px; font-size: 18px; font-weight: 600; outline: none; transition: all linear 125ms; color: #000000;}
/*
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button, 
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:before, 
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:after {transition: background-color linear 125ms;}
*/
/*
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:before, 
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:after {top: -2px; height: 48px; background-color: #000000; content: ""; display: block; position: absolute; z-index: -1;}
*/
/*
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:before {width: 70px; -webkit-mask: url("/images/button-left.svg") repeat-x top center; -webkit-mask-size: 70px 48px; mask: url("/images/button-left.svg") repeat-x top center; mask-size: 70px 48px; left: -30px;}
.umbraco-forms-form form .umbraco-forms-page .umbraco-forms-navigation button:after {width: 80px; -webkit-mask: url("/images/button-right.svg") repeat-x top center; -webkit-mask-size: 80px 48px; mask: url("/images/button-right.svg") repeat-x top center; mask-size: 80px 48px; right: -30px;}
*/
.umbraco-forms-form input.text, .umbraco-forms-form textarea {max-width: 100% !important;}
.hamburger {height: 48px; margin: 15px 0; display: none; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; overflow: visible; float: right;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #777777;}
.hamburger.is-active .hamburger-box {background-color: #FFFFFF;}
.hamburger-box {width: 48px; height: 48px; background-color: #FFFFFF; border-radius: 5px; display: inline-block; position: relative;}
.hamburger-inner {display: block; top: 50%; margin: -1px 12px 0;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 24px; height: 4px; background-color: #777777; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.125s; transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -8px;}
.hamburger-inner::after {bottom: -8px;}
.hamburger--squeeze .hamburger-inner {transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease;}
.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--squeeze.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease;}
.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}

nav.mobile {height: calc(100% - 94px); width: 100%; position: fixed; z-index: 2; bottom: 0; left: 0; overflow-x: hidden; text-align: center; display: none;}
nav.mobile > .mobile-placeholder {background-color: #FFFFFF; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);}

.slinky-menu {transform: translateZ(0);}
.slinky-menu > ul {left: 0; position: relative; transform: translateZ(0);}
.slinky-menu ul, .slinky-menu li {list-style: none; margin: 0; padding: 0;}
.slinky-menu ul {width: 100%; border-top: 1px solid #DDDDDD;}
.slinky-menu a, 
.slinky-menu a span {line-height: 24px;}
.slinky-menu a {align-items: center; display: flex;}
.slinky-menu a span {flex: 1;}
.slinky-menu li ul {display: none; left: 100%; position: absolute; top: 0;}
.slinky-menu .header {display: flex;}
.slinky-menu .header .title {flex: 1; line-height: 1.4; margin: 0; padding: 12px 40px 12px 35px; font-weight: bold; order: 1;}

.slinky-theme-default {}
.slinky-theme-default .title {}
.slinky-theme-default li, .slinky-theme-default li a, .slinky-theme-default li a span {text-align: left;}
.slinky-theme-default li {line-height: 1; background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD; display: block;}
.slinky-theme-default a {transition: all linear 125ms;}
.slinky-theme-default a:not(.back):not(.next) {width: calc(100% - 86px); line-height: 24px; padding: 12px 40px 12px 35px; text-decoration: none; color: #000000; display: inline-block; vertical-align: top;}
.slinky-theme-default a.nav-link {width: 100% !important; display: block !important;}
.slinky-theme-default a, 
.slinky-theme-default a:hover, 
.slinky-theme-default a:active {text-decoration: none;}
.slinky-theme-default a:hover {background-color: #F6F6F6;}
.slinky-theme-default .next, .slinky-theme-default .back {line-height: 32px; text-align: center; display: inline-block; vertical-align: top;}
.slinky-theme-default .next {padding: 8px 35px 8px 40px; border-left: 1px solid #DDDDDD;}
.slinky-theme-default .back {padding: 8px 40px 8px 35px; border-right: 1px solid #DDDDDD;}
.slinky-theme-default .next::after, .slinky-theme-default .back::after {font-family: 'Font Awesome 5 Pro'; color: #777777;}
.slinky-theme-default .next::after {content: "\f054";}
.slinky-theme-default .back::after {content: "\f053";}
.slinky-theme-default .next a, .slinky-theme-default .back a {text-decoration: none;}

.cookie-table table.table {width: 100%; display: -ms-inline-flexbox; overflow-x:auto;}
.cookie-table table.table caption {display: none;}
.cookie-table table.table thead {}
.cookie-table table.table thead tr {border-bottom: 1px solid #DDDDDD;}
.cookie-table table.table thead tr th {padding: 12px 10px;}
.cookie-table table.table tbody {-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); }
.cookie-table table.table tbody tr {border-bottom: 1px solid #DDDDDD;}
.cookie-table table.table tbody tr:last-of-type {border-bottom: 0px;}
.cookie-table table.table tbody tr:nth-child(odd) {background-color: #FFFFFF;}
.cookie-table table.table tbody tr:nth-child(even) {background-color: #F6F6F6;}
.cookie-table table.table tbody tr td {padding: 10px;}
.cookie-table table.table tbody tr td strong {color: #00426A;}
.cookie-table table.table {border: 1px solid #ccc; border-collapse: collapse; margin: 0 0 24px 0; padding: 0; width: 100%; table-layout: fixed;}
.cookie-table table.table caption {}
.cookie-table table.table tr {background-color: #F6F6F6; border: 1px solid #ddd;}
.cookie-table table.table th, .cookie-table table.table td {text-align: left;}
.group:before,
.group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}

.sitemap li a {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap > ul > li > a {font-weight: bold;}

/* Recaptcha */
.umbraco-forms-field.captcha.recaptcha3 input,
.umbraco-forms-field.captcha.recaptcha3 label { display:none; visibility:hidden; }
.umbraco-forms-field.captcha.recaptcha3 .field-validation-error { display: inline-block !important; visibility: visible !important; }

.grecaptcha-badge {display: none;}

.gallery-slider {text-align: center;}
.gallery-slider .gallery-slides .slide {}
.gallery-slider .gallery-slides .slide .media {}

section.background-color.background-color-1 .news.home h2, 
section.background-color.background-color-1 .news.home h3 {color: #FFFFFF;}
section.background-color.background-color-1 p.button a:hover span.background-color-2:before,
section.background-color.background-color-1 p.button a:hover span.background-color-2:after, 
section.background-color.background-color-1 p.button a:hover span.background-color-2 {background-color: #FFFFFF !important;}

.container {
	padding-right: 32px;
	padding-left: 32px;
}
.row {
	margin-right: -32px;
	margin-left: -32px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 32px;
	padding-left: 32px;
}
@media (min-width: 576.02px) {
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h1 br.mobile,
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h2 br.mobile {
		display: none;
	}
}
@media (min-width: 820.02px) and (max-width: 1200px) {
	header #primary, header #secondary {display: none; visibility: hidden;}
	.hamburger {display: block; margin-top: 42px;}
	header #logo {margin: 30px 0;}
	nav.mobile {height: calc(100% - 130px);}
	.school--references .references--reference .reference--image {padding: 10px;}
	.school--references .references--reference .reference--image img {width: 100%;}
}
@media (min-width: 576.02px) and (max-width: 820px) {

	header .header--homepage.homepage--intro .intro--placeholder {grid-template-columns: 1fr;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--image {margin-bottom: 28px; order: 1;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content {order: 2;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro {width: 100%; right: 0;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu {width: calc(100% - 60px);}
	.school--team {grid-template-columns: 1fr;}
	.school--references .references--reference .reference--image {padding: 10px;}
	.school--references .references--reference .reference--image img {width: 100%;}
	h1, p.heading-1, h2, p.heading-2, h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6, p, .video {margin-bottom: 20px;}
	h1, p.heading-1 {line-height: 42px; font-size: 40px;}
	h2, p.heading-2 {line-height: 32px; font-size: 30px;}
	h3, p.heading-3, h4, p.heading-4, h5, p.heading-5, h6, p.heading-6 {font-size: 20px;}
	header #logo {margin: 15px 0 !important;}
	header #logo a img {max-height: 48px; width: auto;}
	main section .hero {min-height: 320px;}
	footer #footer-middle img {max-width: 100% !important; height: auto !important;}
	footer #footer-bottom p, 
	footer #footer-bottom p span#copyright-line {float: none; display: block;}
	header #primary, header #secondary {display: none; visibility: hidden;}
	main section .hero .text p.heading-1 {font-size: 20px;}
	main section .hero .text p.heading-1 span {height: 58px; line-height: 58px; margin: 2px 10px;}
	main section .hero .text p.heading-1 span:before, 
	main section .hero .text p.heading-1 span:after {height: 62px;}
	main section .hero .text p.heading-1 span.first-line:before, 
	main section .hero .text p.heading-1 span.second-line:before,
	main section .hero .text p.heading-1 span.third-line:before {width: 90px; -webkit-mask-size: 120px 62px; mask-size: 120px 62px;}
	main section .hero .text p.heading-1 span.first-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-1 span.second-line:before {width: 100px; left: -40px;}
	main section .hero .text p.heading-1 span.third-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-1 span.first-line:after, 
	main section .hero .text p.heading-1 span.second-line:after,
	main section .hero .text p.heading-1 span.third-line:after {width: 104px; -webkit-mask-size: 137px 62px; mask-size: 137px 62px; right: -40px;}
	main section .hero .text p.heading-2 {font-size: 20px;}
	main section .hero .text p.heading-2 span {height: 58px; line-height: 58px; margin: 2px 10px;}
	main section .hero .text p.heading-2 span:before, 
	main section .hero .text p.heading-2 span:after {height: 62px;}
	main section .hero .text p.heading-2 span.first-line:before, 
	main section .hero .text p.heading-2 span.second-line:before,
	main section .hero .text p.heading-2 span.third-line:before {width: 90px; -webkit-mask-size: 120px 62px; mask-size: 120px 62px;}
	main section .hero .text p.heading-2 span.first-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-2 span.second-line:before {width: 100px; left: -40px;}
	main section .hero .text p.heading-2 span.third-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-2 span.first-line:after, 
	main section .hero .text p.heading-2 span.second-line:after,
	main section .hero .text p.heading-2 span.third-line:after {width: 104px; -webkit-mask-size: 137px 62px; mask-size: 137px 62px; right: -40px;}
	main section .hero .text p.note {margin: -16px 0 0 0; line-height: 32px;}
	main section .hero .text p.note span {height: 32px;}
	main section .hero .text p.note span:before, 
	main section .hero .text p.note span:after {height: 36px;}
	main section .hero .text p.note span:before {width: 70px; -webkit-mask-size: 70px 36px; mask-size: 70px 36px;}
	main section .hero .text p.note span:after {width: 80px; -webkit-mask-size: 80px 36px; mask-size: 80px 36px;}
	.hamburger {display: block;}
}
@media screen and (max-width: 820px) {
	.cookie-table table.table {margin: 0; border: 0;}
	.cookie-table table.table caption {font-size: 1.3em; display: block;}
	.cookie-table table.table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	.cookie-table table.table tbody {box-shadow: none;}
	.cookie-table table.table tr {display: block; margin-bottom: 24px;}
	.cookie-table table.table tr:last-of-type {border-bottom: 1px solid #ddd !important;}
	.cookie-table table.table td {border-bottom: 1px solid #ddd; text-align: left; display: block;}
	.cookie-table table.table td::before {content: attr(data-label);font-weight: bold; text-transform: uppercase; display: block;}
	.cookie-table table.table td:last-child {border-bottom: 0;}
	
	header #logo #logo_vreedzame_school img {width: auto; height: 48px;}
	
	.school--team {grid-template-columns: 100%;}
	.school--team .team--employees .employees--employees:nth-child(odd) {margin-top: 50px;}
	.school--references.slick-slider .slick-list.draggable {overflow: hidden;}
	.school--references .references--reference {padding: 6px; grid-template-columns: 100%;}
	.school--references .references--reference::before {width: 100%; top: unset; right: 0; bottom: 0; left: 0;}
	.school--references .references--reference:nth-child(odd)::before, .school--references .references--reference:nth-child(even)::before {display: none; visibility: hidden;}
	.school--references .references--reference:nth-child(odd) .reference--image, .school--references .references--reference:nth-child(even) .reference--image {margin: 0 0 28px 0; order: 1; position: relative; z-index: 1;}

	.school--references .references--reference:nth-child(odd) .reference--image, .school--references .references--reference:nth-child(even) .reference--image {transform-origin: bottom center;}

	.school--references .references--reference:nth-child(odd) .reference--content, .school--references .references--reference:nth-child(even) .reference--content {order: 2;}
	.school--references .references--reference .reference--content {/*margin: 28px 10px 0 10px;*/ padding: 32px 20px;}
	.school--references .references--reference .reference--content p.quote {font-size: 16px;}
	
	ul.slick-dots {left: unset; margin: 28px auto 0 auto; position: relative; justify-content: center;}
	ul.slick-dots li {vertical-align: top;}
	ul.slick-dots li button {vertical-align: top;}

	.new--hero .intro--placeholder {grid-template-columns: 100%;}
	.new--hero .intro--placeholder .placeholder--content {order: 2;}
	.new--hero .intro--placeholder .placeholder--image {margin-bottom: 28px; order: 1;}
	.new--hero .intro--placeholder .placeholder--content .content--intro {width: 100%; right: 0;}

	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content {margin-top: 0;}
}
@media (max-width: 576px) {

	html, body {}
	h1, p.heading-1 {line-height: 32px; font-size: 32px;}
	h2, p.heading-2 {line-height: 28px; font-size: 28px;}
	h3, p.heading-3 {font-size: 24px;}
	h4, p.heading-4 {font-size: 20px;}
	h5, p.heading-5, h6, p.heading-6 {font-size: 20px;}

	header .header--homepage.homepage--intro .intro--placeholder {grid-template-columns: 1fr;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--image {margin-bottom: 28px; order: 1;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content {order: 2;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro {width: 100%; right: 0;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu {width: calc(100% - 60px);}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--menu .menu--box {margin-right: unset;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box {padding: 20px 20px 16px 20px;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h1 {word-break: break-word;font-size: 28px;}
	header #logo {margin: 15px 0;}
	header #logo a img {max-height: 48px; width: auto;}
	main section .hero {min-height: 320px;}
	footer #footer-middle img {max-width: 100% !important; height: auto !important;}
	footer #footer-bottom p, 
	footer #footer-bottom p span#copyright-line {float: none; display: block;}
	header #primary, header #secondary {display: none; visibility: hidden;}
	.bx-wrapper {margin: 0;}
	.bx-wrapper .bx-viewport {margin-bottom: 0;}
	.bx-wrapper .bx-controls-direction {margin-bottom: 20px;}
	.bx-wrapper .bx-controls-direction a {top: unset !important; margin-top: unset; display: inline-block; position: static !important;}
	.bx-wrapper .bx-prev {margin-right: 10px; left: unset !important;}
	.bx-wrapper .bx-next {margin-left: 10px; right: unset !important;}
	main section .hero .text p.heading-1 {font-size: 20px;}
	main section .hero .text p.heading-1 span {height: 36px; line-height: 36px; margin: 2px 10px;}
	main section .hero .text p.heading-1 span:before, 
	main section .hero .text p.heading-1 span:after {height: 62px;}
	main section .hero .text p.heading-1 span.first-line:before, 
	main section .hero .text p.heading-1 span.second-line:before,
	main section .hero .text p.heading-1 span.third-line:before {width: 90px; -webkit-mask-size: 120px 39px; mask-size: 120px 39px;}
	main section .hero .text p.heading-1 span.first-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-1 span.second-line:before {width: 100px; left: -40px;}
	main section .hero .text p.heading-1 span.third-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-1 span.first-line:after, 
	main section .hero .text p.heading-1 span.second-line:after,
	main section .hero .text p.heading-1 span.third-line:after {width: 104px; -webkit-mask-size: 137px 39px; mask-size: 137px 39px; right: -40px;}
	main section .hero .text p.heading-2 {font-size: 20px;}
	main section .hero .text p.heading-2 span {height: 36px; line-height: 36px; margin: 2px 10px;}
	main section .hero .text p.heading-2 span:before, 
	main section .hero .text p.heading-2 span:after {height: 62px;}
	main section .hero .text p.heading-2 span.first-line:before, 
	main section .hero .text p.heading-2 span.second-line:before,
	main section .hero .text p.heading-2 span.third-line:before {width: 90px; -webkit-mask-size: 120px 39px; mask-size: 120px 39px;}
	main section .hero .text p.heading-2 span.first-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-2 span.second-line:before {width: 100px; left: -40px;}
	main section .hero .text p.heading-2 span.third-line:before {width: 90px; left: -30px;}
	main section .hero .text p.heading-2 span.first-line:after, 
	main section .hero .text p.heading-2 span.second-line:after,
	main section .hero .text p.heading-2 span.third-line:after {width: 104px; -webkit-mask-size: 137px 39px; mask-size: 137px 39px; right: -40px;}
	main section .hero .text p.note {margin: -16px 0 0 0; line-height: 32px;}
	main section .hero .text p.note span {height: 32px;}
	main section .hero .text p.note span:before, 
	main section .hero .text p.note span:after {height: 36px;}
	main section .hero .text p.note span:before {width: 70px; -webkit-mask-size: 70px 36px; mask-size: 70px 36px;}
	main section .hero .text p.note span:after {width: 80px; -webkit-mask-size: 80px 36px; mask-size: 80px 36px;}
	.hamburger {display: block;}
}

@media (min-width: 1024.02px) and (max-width: 1280px) {
	.counter {padding: 20px; grid-template-columns: 1fr;}
	.counter .icon {width: 50%; height: unset; margin: -48px auto 28px auto; padding: 0;}
	.counter .icon img {position: static;}
}
@media (min-width: 820.02px) and (max-width: 1024px) {
	.counter {padding: 20px 40px 20px 0; grid-template-columns: 25% 75%;}
	.counter .icon {width: 100%; height: unset; margin-top: -28px; padding: 0;}
	.counter .icon img {position: static;}

	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h1 {font-size: 28px; line-height: 30px;}
	header .header--homepage.homepage--intro .intro--placeholder .placeholder--content .content--intro .intro--box h2 {font-size: 24px;}
}
@media (min-width: 480.02px) and (max-width: 820px) {
	.counter {padding: 20px 40px 20px 0; grid-template-columns: 35% 65%;}
	.counter .icon {width: 100%; height: unset; margin-top: -28px; padding: 0;}
	.counter .icon img {position: static;}
}
@media(max-width: 480px) {
	.counter {padding: 20px 40px 20px 40px; grid-template-columns: 1fr;}
	.counter .icon {width: 50%; height: unset; margin: -28px auto 0 auto; padding: 0;}
	.counter .icon img {position: static;}
}

@media (max-width: 991px) {
	footer #footer-bottom p span#photographer {margin-right: unset; margin-left: 20px;}
	footer #footer-bottom p span#photographer,
	footer #footer-bottom p span#copyright-line {float: none; display: inline-block;}

}

.news {}

.news.overview .placeholder {margin: 0 0 32px 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 32px;}
.news.overview .placeholder .item {background-color: #F6F6F6; border-radius: 10px; cursor: pointer; overflow: hidden; transition: all linear 125ms; position: relative;}
.news.overview .placeholder .item a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.news.overview .placeholder .item .image {overflow: hidden;}
.news.overview .placeholder .item .image figure {margin: 0; padding-top: 75%; border-radius: 0; position: relative; -webkit-mask: unset; mask: unset;}
.news.overview .placeholder .item .image figure picture {top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
.news.overview .placeholder .item .image figure picture img {width: 100%; height: 100%; object-fit: cover;}
.news.overview .placeholder .item .image figure img, .news.overview .placeholder .item .body p.title {transition: all linear 125ms;}
.news.overview .placeholder .item .body {padding: 32px 48px 16px 48px;}
.news.overview .placeholder .item .body p.date-and-author {margin: 0; font-size: 14px;}
.news.overview .placeholder .item .body p.title {font-family: 'Baloo', cursive; font-size: 18px;}
.news.overview .placeholder .item:hover .image figure img {transform: scale(1.1);}

@media (min-width: 480.02px) and (max-width: 991.98px) {
	.news.overview .placeholder {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 480px) {
	.news.overview .placeholder {grid-template-columns: 1fr;}
}

.news.detail {}
.news.detail h1 {margin: 0; line-height: 42px; font-size: 40px;}
.news.detail p.date-and-author {font-size: 14px;}
.news.detail .gallery {margin: 0 0 32px 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 32px;}
.news.detail .gallery figure {margin: 0; position: relative;}

@media (min-width: 480.02px) and (max-width: 991.98px) {
}
@media (max-width: 480px) {
	.news.detail .gallery {grid-template-columns: 1fr 1fr;}
}

.container {
	max-width: 1640px;
}