@font-face {
	font-family: 'Nunito Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/italic-ext.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Nunito Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/normal-ext.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/fonts/normal.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('/fonts/bold-ext.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('/fonts/bold.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}










/* COLOR */

:root {
	/* dark */
	--dark-0: 0, 0, 0;
	--dark-1: 0, 0, 5;
	--dark-2: 5, 5, 10;
	--dark-3: 10, 10, 15;
	--dark-4: 15, 15, 20;
	--dark-5: 20, 20, 25;
	--dark-6: 25, 25, 30;
	--dark-7: 30, 30, 35;
	--dark-8: 35, 35, 40;
	--dark-9: 40, 40, 45;
	/* text */
	--text-0: 80, 80, 85;
	--text-1: 90, 90, 95;
	--text-2: 100, 100, 105;
	--text-3: 110, 110, 115;
	--text-4: 120, 120, 125;
	--text-5: 130, 130, 135;
	--text-6: 140, 140, 145;
	--text-7: 150, 150, 155;
	--text-8: 160, 160, 165;
	--text-9: 170, 170, 175;
	/* light */
	--light-0: 210, 210, 215;
	--light-1: 215, 215, 220;
	--light-2: 220, 220, 225;
	--light-3: 225, 225, 230;
	--light-4: 230, 230, 235;
	--light-5: 235, 235, 240;
	--light-6: 240, 240, 245;
	--light-7: 245, 245, 250;
	--light-8: 250, 250, 255;
	--light-9: 255, 255, 255;
}

:root {
	--color1-0: 255, 64, 64;
	--color1-1: 218, 153, 121; /* 255, 0, 0 */
	--color1-2: 166, 0, 0;
	--color2-0: 255, 118, 64;
	--color2-1: 255, 73, 0;
	--color2-2: 166, 47, 0;
	--color3-0: 255, 150, 64;
	--color3-1: 255, 116, 0;
	--color3-2: 166, 75, 0;
	--color4-0: 255, 173, 64;
	--color4-1: 255, 146, 0;
	--color4-2: 166, 95, 0;
	--color5-0: 255, 191, 64;
	--color5-1: 255, 170, 0;
	--color5-2: 166, 111, 0;
	--color6-0: 255, 207, 64;
	--color6-1: 255, 191, 0;
	--color6-2: 166, 124, 0;
	--color7-0: 255, 222, 64;
	--color7-1: 255, 211, 0;
	--color7-2: 166, 137, 0;
	--color8-0: 255, 238, 64;
	--color8-1: 255, 232, 0;
	--color8-2: 166, 151, 0;
	--color9-0: 255, 255, 64;
	--color9-1: 255, 255, 0;
	--color9-2: 166, 166, 0;
	--color10-0: 218, 251, 63;
	--color10-1: 204, 246, 0;
	--color10-2: 133, 160, 0;
	--color11-0: 185, 247, 62;
	--color11-1: 159, 238, 0;
	--color11-2: 103, 155, 0;
	--color12-0: 142, 241, 60;
	--color12-1: 103, 227, 0;
	--color12-2: 67, 148, 0;
	--color13-0: 57, 230, 57;
	--color13-1: 0, 204, 0;
	--color13-2: 0, 133, 0;
	--color14-0: 54, 215, 146;
	--color14-1: 0, 175, 100;
	--color14-2: 0, 114, 65;
	--color15-0: 51, 204, 204;
	--color15-1: 0, 153, 153;
	--color15-2: 0, 99, 99;
	--color16-0: 26, 187, 220;
	--color16-1: 0, 144, 189;
	--color16-2: 0, 100, 157;
	--color17-0: 0, 170, 235;
	--color17-1: 0, 135, 225;
	--color17-2: 0, 100, 215;
	--color18-0: 32, 158, 223;
	--color18-1: 6, 116, 195;
	--color18-2: 2, 81, 161;
	--color19-0: 63, 146, 210;
	--color19-1: 11, 97, 164;
	--color19-2: 3, 62, 107;
	--color20-0: 70, 113, 213;
	--color20-1: 18, 64, 171;
	--color20-2: 83, 138, 111; /* 6, 38, 111 */
	--color21-0: 79, 79, 217;
	--color21-1: 27, 27, 179;
	--color21-2: 9, 9, 116;
	--color22-0: 106, 72, 215;
	--color22-1: 57, 20, 175;
	--color22-2: 32, 7, 114;
	--color23-0: 130, 67, 214;
	--color23-1: 83, 15, 173;
	--color23-2: 51, 5, 112;
	--color24-0: 159, 62, 213;
	--color24-1: 113, 9, 170;
	--color24-2: 72, 3, 111;
	--color25-0: 210, 53, 210;
	--color25-1: 166, 0, 166;
	--color25-2: 108, 0, 108;
	--color26-0: 230, 57, 155;
	--color26-1: 205, 0, 116;
	--color26-2: 133, 0, 75;
	--color27-0: 241, 60, 115;
	--color27-1: 228, 0, 69;
	--color27-2: 148, 0, 45;
}

/* dark */
.dc-0 {
	color: rgb(var(--dark-0));
}

.dbg-0 {
	background-color: rgb(var(--dark-0));
}

.dc-1 {
	color: rgb(var(--dark-1));
}

.dbg-1 {
	background-color: rgb(var(--dark-1));
}

.dc-2 {
	color: rgb(var(--dark-2));
}

.dbg-2 {
	background-color: rgb(var(--dark-2));
}

.dc-3 {
	color: rgb(var(--dark-3));
}

.dbg-3 {
	background-color: rgb(var(--dark-3));
}

.dc-4 {
	color: rgb(var(--dark-4));
}

.dbg-4 {
	background-color: rgb(var(--dark-4));
}

.dc-5 {
	color: rgb(var(--dark-5));
}

.dbg-5 {
	background-color: rgb(var(--dark-5));
}

.dc-6 {
	color: rgb(var(--dark-6));
}

.dbg-6 {
	background-color: rgb(var(--dark-6));
}

.dc-7 {
	color: rgb(var(--dark-7));
}

.dbg-7 {
	background-color: rgb(var(--dark-7));
}

.dc-8 {
	color: rgb(var(--dark-8));
}

.dbg-8 {
	background-color: rgb(var(--dark-8));
}

.dc-9 {
	color: rgb(var(--dark-9));
}

.dbg-9 {
	background-color: rgb(var(--dark-9));
}

/* text */
.tc-0 {
	color: rgb(var(--text-0));
}

.tbg-0 {
	background-color: rgb(var(--text-0));
}

.tc-1 {
	color: rgb(var(--text-1));
}

.tbg-1 {
	background-color: rgb(var(--text-1));
}

.tc-2 {
	color: rgb(var(--text-2));
}

.tbg-2 {
	background-color: rgb(var(--text-2));
}

.tc-3 {
	color: rgb(var(--text-3));
}

.tbg-3 {
	background-color: rgb(var(--text-3));
}

.tc-4 {
	color: rgb(var(--text-4));
}

.tbg-4 {
	background-color: rgb(var(--text-4));
}

.tc-5 {
	color: rgb(var(--text-5));
}

.tbg-5 {
	background-color: rgb(var(--text-5));
}

.tc-6 {
	color: rgb(var(--text-6));
}

.tbg-6 {
	background-color: rgb(var(--text-6));
}

.tc-7 {
	color: rgb(var(--text-7));
}

.tbg-7 {
	background-color: rgb(var(--text-7));
}

.tc-8 {
	color: rgb(var(--text-8));
}

.tbg-8 {
	background-color: rgb(var(--text-8));
}

.tc-9 {
	color: rgb(var(--text-9));
}

.tbg-9 {
	background-color: rgb(var(--text-9));
}

/* light */
.lc-0 {
	color: rgb(var(--light-0));
}

.lbg-0 {
	background-color: rgb(var(--light-0));
}

.lc-1 {
	color: rgb(var(--light-1));
}

.lbg-1 {
	background-color: rgb(var(--light-1));
}

.lc-2 {
	color: rgb(var(--light-2));
}

.lbg-2 {
	background-color: rgb(var(--light-2));
}

.lc-3 {
	color: rgb(var(--light-3));
}

.lbg-3 {
	background-color: rgb(var(--light-3));
}

.lc-4 {
	color: rgb(var(--light-4));
}

.lbg-4 {
	background-color: rgb(var(--light-4));
}

.lc-5 {
	color: rgb(var(--light-5));
}

.lbg-5 {
	background-color: rgb(var(--light-5));
}

.lc-6 {
	color: rgb(var(--light-6));
}

.lbg-6 {
	background-color: rgb(var(--light-6));
}

.lc-7 {
	color: rgb(var(--light-7));
}

.lbg-7 {
	background-color: rgb(var(--light-7));
}

.lc-8 {
	color: rgb(var(--light-8));
}

.lbg-8 {
	background-color: rgb(var(--light-8));
}

.lc-9 {
	color: rgb(var(--light-9));
}

.lbg-9 {
	background-color: rgb(var(--light-9));
}

/* color */
.c1-0 {
	color: rgb(var(--color1-0));
}

.c1-1 {
	color: rgb(var(--color1-1));
}

.c1-2 {
	color: rgb(var(--color1-2));
}

.bg1-0 {
	background-color: rgb(var(--color1-0));
}

.bg1-1 {
	background-color: rgb(var(--color1-1));
}

.bg1-2 {
	background-color: rgb(var(--color1-2));
}

.c2-0 {
	color: rgb(var(--color2-0));
}

.c2-1 {
	color: rgb(var(--color2-1));
}

.c2-2 {
	color: rgb(var(--color2-2));
}

.bg2-0 {
	background-color: rgb(var(--color2-0));
}

.bg2-1 {
	background-color: rgb(var(--color2-1));
}

.bg2-2 {
	background-color: rgb(var(--color2-2));
}

.c3-0 {
	color: rgb(var(--color3-0));
}

.c3-1 {
	color: rgb(var(--color3-1));
}

.c3-2 {
	color: rgb(var(--color3-2));
}

.bg3-0 {
	background-color: rgb(var(--color3-0));
}

.bg3-1 {
	background-color: rgb(var(--color3-1));
}

.bg3-2 {
	background-color: rgb(var(--color3-2));
}

.c4-0 {
	color: rgb(var(--color4-0));
}

.c4-1 {
	color: rgb(var(--color4-1));
}

.c4-2 {
	color: rgb(var(--color4-2));
}

.bg4-0 {
	background-color: rgb(var(--color4-0));
}

.bg4-1 {
	background-color: rgb(var(--color4-1));
}

.bg4-2 {
	background-color: rgb(var(--color4-2));
}

.c5-0 {
	color: rgb(var(--color5-0));
}

.c5-1 {
	color: rgb(var(--color5-1));
}

.c5-2 {
	color: rgb(var(--color5-2));
}

.bg5-0 {
	background-color: rgb(var(--color5-0));
}

.bg5-1 {
	background-color: rgb(var(--color5-1));
}

.bg5-2 {
	background-color: rgb(var(--color5-2));
}

.c6-0 {
	color: rgb(var(--color6-0));
}

.c6-1 {
	color: rgb(var(--color6-1));
}

.c6-2 {
	color: rgb(var(--color6-2));
}

.bg6-0 {
	background-color: rgb(var(--color6-0));
}

.bg6-1 {
	background-color: rgb(var(--color6-1));
}

.bg6-2 {
	background-color: rgb(var(--color6-2));
}

.c7-0 {
	color: rgb(var(--color7-0));
}

.c7-1 {
	color: rgb(var(--color7-1));
}

.c7-2 {
	color: rgb(var(--color7-2));
}

.bg7-0 {
	background-color: rgb(var(--color7-0));
}

.bg7-1 {
	background-color: rgb(var(--color7-1));
}

.bg7-2 {
	background-color: rgb(var(--color7-2));
}

.c8-0 {
	color: rgb(var(--color8-0));
}

.c8-1 {
	color: rgb(var(--color8-1));
}

.c8-2 {
	color: rgb(var(--color8-2));
}

.bg8-0 {
	background-color: rgb(var(--color8-0));
}

.bg8-1 {
	background-color: rgb(var(--color8-1));
}

.bg8-2 {
	background-color: rgb(var(--color8-2));
}

.c9-0 {
	color: rgb(var(--color9-0));
}

.c9-1 {
	color: rgb(var(--color9-1));
}

.c9-2 {
	color: rgb(var(--color9-2));
}

.bg9-0 {
	background-color: rgb(var(--color9-0));
}

.bg9-1 {
	background-color: rgb(var(--color9-1));
}

.bg9-2 {
	background-color: rgb(var(--color9-2));
}

.c10-0 {
	color: rgb(var(--color10-0));
}

.c10-1 {
	color: rgb(var(--color10-1));
}

.c10-2 {
	color: rgb(var(--color10-2));
}

.bg10-0 {
	background-color: rgb(var(--color10-0));
}

.bg10-1 {
	background-color: rgb(var(--color10-1));
}

.bg10-2 {
	background-color: rgb(var(--color10-2));
}

.c11-0 {
	color: rgb(var(--color11-0));
}

.c11-1 {
	color: rgb(var(--color11-1));
}

.c11-2 {
	color: rgb(var(--color11-2));
}

.bg11-0 {
	background-color: rgb(var(--color11-0));
}

.bg11-1 {
	background-color: rgb(var(--color11-1));
}

.bg11-2 {
	background-color: rgb(var(--color11-2));
}

.c12-0 {
	color: rgb(var(--color12-0));
}

.c12-1 {
	color: rgb(var(--color12-1));
}

.c12-2 {
	color: rgb(var(--color12-2));
}

.bg12-0 {
	background-color: rgb(var(--color12-0));
}

.bg12-1 {
	background-color: rgb(var(--color12-1));
}

.bg12-2 {
	background-color: rgb(var(--color12-2));
}

.c13-0 {
	color: rgb(var(--color13-0));
}

.c13-1 {
	color: rgb(var(--color13-1));
}

.c13-2 {
	color: rgb(var(--color13-2));
}

.bg13-0 {
	background-color: rgb(var(--color13-0));
}

.bg13-1 {
	background-color: rgb(var(--color13-1));
}

.bg13-2 {
	background-color: rgb(var(--color13-2));
}

.c14-0 {
	color: rgb(var(--color14-0));
}

.c14-1 {
	color: rgb(var(--color14-1));
}

.c14-2 {
	color: rgb(var(--color14-2));
}

.bg14-0 {
	background-color: rgb(var(--color14-0));
}

.bg14-1 {
	background-color: rgb(var(--color14-1));
}

.bg14-2 {
	background-color: rgb(var(--color14-2));
}

.c15-0 {
	color: rgb(var(--color15-0));
}

.c15-1 {
	color: rgb(var(--color15-1));
}

.c15-2 {
	color: rgb(var(--color15-2));
}

.bg15-0 {
	background-color: rgb(var(--color15-0));
}

.bg15-1 {
	background-color: rgb(var(--color15-1));
}

.bg15-2 {
	background-color: rgb(var(--color15-2));
}

.c16-0 {
	color: rgb(var(--color16-0));
}

.c16-1 {
	color: rgb(var(--color16-1));
}

.c16-2 {
	color: rgb(var(--color16-2));
}

.bg16-0 {
	background-color: rgb(var(--color16-0));
}

.bg16-1 {
	background-color: rgb(var(--color16-1));
}

.bg16-2 {
	background-color: rgb(var(--color16-2));
}

.c17-0 {
	color: rgb(var(--color17-0));
}

.c17-1 {
	color: rgb(var(--color17-1));
}

.c17-2 {
	color: rgb(var(--color17-2));
}

.bg17-0 {
	background-color: rgb(var(--color17-0));
}

.bg17-1 {
	background-color: rgb(var(--color17-1));
}

.bg17-2 {
	background-color: rgb(var(--color17-2));
}

.c18-0 {
	color: rgb(var(--color18-0));
}

.c18-1 {
	color: rgb(var(--color18-1));
}

.c18-2 {
	color: rgb(var(--color18-2));
}

.bg18-0 {
	background-color: rgb(var(--color18-0));
}

.bg18-1 {
	background-color: rgb(var(--color18-1));
}

.bg18-2 {
	background-color: rgb(var(--color18-2));
}

.c19-0 {
	color: rgb(var(--color19-0));
}

.c19-1 {
	color: rgb(var(--color19-1));
}

.c19-2 {
	color: rgb(var(--color19-2));
}

.bg19-0 {
	background-color: rgb(var(--color19-0));
}

.bg19-1 {
	background-color: rgb(var(--color19-1));
}

.bg19-2 {
	background-color: rgb(var(--color19-2));
}

.c20-0 {
	color: rgb(var(--color20-0));
}

.c20-1 {
	color: rgb(var(--color20-1));
}

.c20-2 {
	color: rgb(var(--color20-2));
}

.bg20-0 {
	background-color: rgb(var(--color20-0));
}

.bg20-1 {
	background-color: rgb(var(--color20-1));
}

.bg20-2 {
	background-color: rgb(var(--color20-2));
}

.c21-0 {
	color: rgb(var(--color21-0));
}

.c21-1 {
	color: rgb(var(--color21-1));
}

.c21-2 {
	color: rgb(var(--color21-2));
}

.bg21-0 {
	background-color: rgb(var(--color21-0));
}

.bg21-1 {
	background-color: rgb(var(--color21-1));
}

.bg21-2 {
	background-color: rgb(var(--color21-2));
}

.c22-0 {
	color: rgb(var(--color22-0));
}

.c22-1 {
	color: rgb(var(--color22-1));
}

.c22-2 {
	color: rgb(var(--color22-2));
}

.bg22-0 {
	background-color: rgb(var(--color22-0));
}

.bg22-1 {
	background-color: rgb(var(--color22-1));
}

.bg22-2 {
	background-color: rgb(var(--color22-2));
}

.c23-0 {
	color: rgb(var(--color23-0));
}

.c23-1 {
	color: rgb(var(--color23-1));
}

.c23-2 {
	color: rgb(var(--color23-2));
}

.bg23-0 {
	background-color: rgb(var(--color23-0));
}

.bg23-1 {
	background-color: rgb(var(--color23-1));
}

.bg23-2 {
	background-color: rgb(var(--color23-2));
}

.c24-0 {
	color: rgb(var(--color24-0));
}

.c24-1 {
	color: rgb(var(--color24-1));
}

.c24-2 {
	color: rgb(var(--color24-2));
}

.bg24-0 {
	background-color: rgb(var(--color24-0));
}

.bg24-1 {
	background-color: rgb(var(--color24-1));
}

.bg24-2 {
	background-color: rgb(var(--color24-2));
}

.c25-0 {
	color: rgb(var(--color25-0));
}

.c25-1 {
	color: rgb(var(--color25-1));
}

.c25-2 {
	color: rgb(var(--color25-2));
}

.bg25-0 {
	background-color: rgb(var(--color25-0));
}

.bg25-1 {
	background-color: rgb(var(--color25-1));
}

.bg25-2 {
	background-color: rgb(var(--color25-2));
}

.c26-0 {
	color: rgb(var(--color26-0));
}

.c26-1 {
	color: rgb(var(--color26-1));
}

.c26-2 {
	color: rgb(var(--color26-2));
}

.bg26-0 {
	background-color: rgb(var(--color26-0));
}

.bg26-1 {
	background-color: rgb(var(--color26-1));
}

.bg26-2 {
	background-color: rgb(var(--color26-2));
}

.c27-0 {
	color: rgb(var(--color27-0));
}

.c27-1 {
	color: rgb(var(--color27-1));
}

.c27-2 {
	color: rgb(var(--color27-2));
}

.bg27-0 {
	background-color: rgb(var(--color27-0));
}

.bg27-1 {
	background-color: rgb(var(--color27-1));
}

.bg27-2 {
	background-color: rgb(var(--color27-2));
}

/* END-COLOR */










/* DEFAULT */

@media (prefers-color-scheme:light) {
	:root {
		--default-color-1: var(--light-8);
		--default-color-2: var(--dark-1);
		--default-color-3: var(--text-3);
		--default-color-4: var(--color17-1);
		--default-color-5: var(--color17-2);
		/* --- --- --- */
		--default-color-6: var(--light-4);
		--default-color-7: var(--light-5);
		--default-color-8: var(--light-8);
		--default-color-9: var(--light-9);
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--default-color-1: var(--dark-7);
		--default-color-2: var(--light-8);
		--default-color-3: var(--text-7);
		--default-color-4: var(--color17-1);
		--default-color-5: var(--color17-2);
		/* --- --- --- */
		--default-color-6: var(--dark-9);
		--default-color-7: var(--dark-8);
		--default-color-8: var(--dark-6);
		--default-color-9: var(--dark-6);
	}
}

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

:focus {
	-webkit-outline: none;
	-moz-outline: none;
	outline: none;
}

:root {
	--anim: all .3s ease !important;
	--tpb0: calc(3px - 0.22em);
	--tpb1: calc(5px - 0.22em);
	--tpb2: calc(10px - 0.22em);
	--tpb3: calc(15px - 0.22em);
}

html {
	min-height: 100%;
	background-color: transparent;
}

body {
	padding-top: 0;
}

html,
body {
	background-color: rgb(var(--default-color-1));
	color: rgb(var(--default-color-3));
}

html,
body,
label,
input,
textarea,
select,
button {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smooth: antialiased;
	font-display: swap;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	line-height: 1.2;
}

html,
body,
header,
nav,
aside,
main,
article,
section,
footer,
figure,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
.bg {
	display: block;
	font-weight: normal;
	width: 100%;
}

ol,
ul {
	list-style-type: none;
	-webkit-margin-before: 0;
	-moz-margin-before: 0;
	-webkit-margin-after: 0;
	-moz-margin-after: 0;
	-webkit-margin-start: 0;
	-moz-margin-start: 0;
	-webkit-margin-end: 0;
	-moz-margin-end: 0;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
}

.tpb1,
.tbp1 {
	padding-top: var(--tpb1);
	padding-bottom: var(--tpb1);
}

.tpb2,
.tbp2 {
	padding-top: var(--tpb2);
	padding-bottom: var(--tpb2);
}

.tpb3,
.tbp3,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding-top: var(--tpb3);
	padding-bottom: var(--tpb3);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: rgb(var(--default-color-2));
}

p {
	color: rgb(var(--default-color-3));
}

a {
	text-decoration: none;
	color: rgb(var(--default-color-4));
}

a:hover {
	text-decoration: underline;
	color: rgb(var(--default-color-5));
}

strong,
.b {
	font-weight: bold !important;
}

.em {
	font-style: italic !important;
}

.lh {
	line-height: 0 !important;
}

.ep {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.invert {
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	filter: invert(100%);
}

.anim,
.xlr {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

hr {
	display: block;
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

hr.none {
	height: 0;
}

/* END-DEFAULT */










/* TEXT */

/* xs */
.xs-t1 {
	font-size: 12px;
}

p,
.xs-t2 {
	font-size: 14px;
}

.xs-t3 {
	font-size: 16px;
}

.xs-t4 {
	font-size: 18px;
}

.xs-t5 {
	font-size: 20px;
}

.xs-t6 {
	font-size: 22px;
}

h6,
.xs-h1,
.xs-t7 {
	font-size: 24px;
}

h5,
.xs-h2,
.xs-t8 {
	font-size: 26px;
}

h4,
.xs-h3,
.xs-t9 {
	font-size: 28px;
}

h3,
.xs-h4,
.xs-t10 {
	font-size: 30px;
}

h2,
.xs-h5,
.xs-t11 {
	font-size: 32px;
}

h1,
.xs-h6,
.xs-t12 {
	font-size: 34px;
}

.xs-h7 {
	font-size: 36px;
}

.xs-h8 {
	font-size: 38px;
}

.xs-h9 {
	font-size: 40px;
}

.xs-h10 {
	font-size: 42px;
}

.xs-h11 {
	font-size: 44px;
}

.xs-h12 {
	font-size: 46px;
}

.xs-h13 {
	font-size: 48px;
}

.xs-h14 {
	font-size: 50px;
}

.xs-h15 {
	font-size: 52px;
}

.xs-h16 {
	font-size: 54px;
}

.xs-h17 {
	font-size: 56px;
}

.xs-h18 {
	font-size: 58px;
}

.xs-h19 {
	font-size: 60px;
}

.xs-h20 {
	font-size: 62px;
}

.xs-h21 {
	font-size: 64px;
}

.xs-h22 {
	font-size: 66px;
}

.xs-h23 {
	font-size: 68px;
}

.xs-h24 {
	font-size: 70px;
}

/* s */
@media only screen and (min-width:420px) {
	.s-t1 {
		font-size: 12px;
	}

	.s-t2 {
		font-size: 14px;
	}

	.s-t3 {
		font-size: 16px;
	}

	.s-t4 {
		font-size: 18px;
	}

	.s-t5 {
		font-size: 20px;
	}

	.s-t6 {
		font-size: 22px;
	}

	.s-h1,
	.s-t7 {
		font-size: 24px;
	}

	.s-h2,
	.s-t8 {
		font-size: 26px;
	}

	.s-h3,
	.s-t9 {
		font-size: 28px;
	}

	.s-h4,
	.s-t10 {
		font-size: 30px;
	}

	.s-h5,
	.s-t11 {
		font-size: 32px;
	}

	.s-h6,
	.s-t12 {
		font-size: 34px;
	}

	.s-h7 {
		font-size: 36px;
	}

	.s-h8 {
		font-size: 38px;
	}

	.s-h9 {
		font-size: 40px;
	}

	.s-h10 {
		font-size: 42px;
	}

	.s-h11 {
		font-size: 44px;
	}

	.s-h12 {
		font-size: 46px;
	}

	.s-h13 {
		font-size: 48px;
	}

	.s-h14 {
		font-size: 50px;
	}

	.s-h15 {
		font-size: 52px;
	}

	.s-h16 {
		font-size: 54px;
	}

	.s-h17 {
		font-size: 56px;
	}

	.s-h18 {
		font-size: 58px;
	}

	.s-h19 {
		font-size: 60px;
	}

	.s-h20 {
		font-size: 62px;
	}

	.s-h21 {
		font-size: 64px;
	}

	.s-h22 {
		font-size: 66px;
	}

	.s-h23 {
		font-size: 68px;
	}

	.s-h24 {
		font-size: 70px;
	}
}

/* m */
@media only screen and (min-width:560px) {
	.m-t1 {
		font-size: 12px;
	}

	.m-t2 {
		font-size: 14px;
	}

	.m-t3 {
		font-size: 16px;
	}

	.m-t4 {
		font-size: 18px;
	}

	.m-t5 {
		font-size: 20px;
	}

	.m-t6 {
		font-size: 22px;
	}

	.m-h1,
	.m-t7 {
		font-size: 24px;
	}

	.m-h2,
	.m-t8 {
		font-size: 26px;
	}

	.m-h3,
	.m-t9 {
		font-size: 28px;
	}

	.m-h4,
	.m-t10 {
		font-size: 30px;
	}

	.m-h5,
	.m-t11 {
		font-size: 32px;
	}

	.m-h6,
	.m-t12 {
		font-size: 34px;
	}

	.m-h7 {
		font-size: 36px;
	}

	.m-h8 {
		font-size: 38px;
	}

	.m-h9 {
		font-size: 40px;
	}

	.m-h10 {
		font-size: 42px;
	}

	.m-h11 {
		font-size: 44px;
	}

	.m-h12 {
		font-size: 46px;
	}

	.m-h13 {
		font-size: 48px;
	}

	.m-h14 {
		font-size: 50px;
	}

	.m-h15 {
		font-size: 52px;
	}

	.m-h16 {
		font-size: 54px;
	}

	.m-h17 {
		font-size: 56px;
	}

	.m-h18 {
		font-size: 58px;
	}

	.m-h19 {
		font-size: 60px;
	}

	.m-h20 {
		font-size: 62px;
	}

	.m-h21 {
		font-size: 64px;
	}

	.m-h22 {
		font-size: 66px;
	}

	.m-h23 {
		font-size: 68px;
	}

	.m-h24 {
		font-size: 70px;
	}
}

/* l */
@media only screen and (min-width:700px) {
	.l-t1 {
		font-size: 12px;
	}

	.l-t2 {
		font-size: 14px;
	}

	.l-t3 {
		font-size: 16px;
	}

	.l-t4 {
		font-size: 18px;
	}

	.l-t5 {
		font-size: 20px;
	}

	.l-t6 {
		font-size: 22px;
	}

	.l-h1,
	.l-t7 {
		font-size: 24px;
	}

	.l-h2,
	.l-t8 {
		font-size: 26px;
	}

	.l-h3,
	.l-t9 {
		font-size: 28px;
	}

	.l-h4,
	.l-t10 {
		font-size: 30px;
	}

	.l-h5,
	.l-t11 {
		font-size: 32px;
	}

	.l-h6,
	.l-t12 {
		font-size: 34px;
	}

	.l-h7 {
		font-size: 36px;
	}

	.l-h8 {
		font-size: 38px;
	}

	.l-h9 {
		font-size: 40px;
	}

	.l-h10 {
		font-size: 42px;
	}

	.l-h11 {
		font-size: 44px;
	}

	.l-h12 {
		font-size: 46px;
	}

	.l-h13 {
		font-size: 48px;
	}

	.l-h14 {
		font-size: 50px;
	}

	.l-h15 {
		font-size: 52px;
	}

	.l-h16 {
		font-size: 54px;
	}

	.l-h17 {
		font-size: 56px;
	}

	.l-h18 {
		font-size: 58px;
	}

	.l-h19 {
		font-size: 60px;
	}

	.l-h20 {
		font-size: 62px;
	}

	.l-h21 {
		font-size: 64px;
	}

	.l-h22 {
		font-size: 66px;
	}

	.l-h23 {
		font-size: 68px;
	}

	.l-h24 {
		font-size: 70px;
	}
}

/* xl */
@media only screen and (min-width:1000px) {
	.xl-t1 {
		font-size: 12px;
	}

	.xl-t2 {
		font-size: 14px;
	}

	.xl-t3 {
		font-size: 16px;
	}

	.xl-t4 {
		font-size: 18px;
	}

	.xl-t5 {
		font-size: 20px;
	}

	.xl-t6 {
		font-size: 22px;
	}

	.xl-h1,
	.xl-t7 {
		font-size: 24px;
	}

	.xl-h2,
	.xl-t8 {
		font-size: 26px;
	}

	.xl-h3,
	.xl-t9 {
		font-size: 28px;
	}

	.xl-h4,
	.xl-t10 {
		font-size: 30px;
	}

	.xl-h5,
	.xl-t11 {
		font-size: 32px;
	}

	.xl-h6,
	.xl-t12 {
		font-size: 34px;
	}

	.xl-h7 {
		font-size: 36px;
	}

	.xl-h8 {
		font-size: 38px;
	}

	.xl-h9 {
		font-size: 40px;
	}

	.xl-h10 {
		font-size: 42px;
	}

	.xl-h11 {
		font-size: 44px;
	}

	.xl-h12 {
		font-size: 46px;
	}

	.xl-h13 {
		font-size: 48px;
	}

	.xl-h14 {
		font-size: 50px;
	}

	.xl-h15 {
		font-size: 52px;
	}

	.xl-h16 {
		font-size: 54px;
	}

	.xl-h17 {
		font-size: 56px;
	}

	.xl-h18 {
		font-size: 58px;
	}

	.xl-h19 {
		font-size: 60px;
	}

	.xl-h20 {
		font-size: 62px;
	}

	.xl-h21 {
		font-size: 64px;
	}

	.xl-h22 {
		font-size: 66px;
	}

	.xl-h23 {
		font-size: 68px;
	}

	.xl-h24 {
		font-size: 70px;
	}
}

/* xxl */
@media only screen and (min-width:1200px) {
	.xxl-t1 {
		font-size: 12px;
	}

	.xxl-t2 {
		font-size: 14px;
	}

	.xxl-t3 {
		font-size: 16px;
	}

	.xxl-t4 {
		font-size: 18px;
	}

	.xxl-t5 {
		font-size: 20px;
	}

	.xxl-t6 {
		font-size: 22px;
	}

	.xxl-h1,
	.xxl-t7 {
		font-size: 24px;
	}

	.xxl-h2,
	.xxl-t8 {
		font-size: 26px;
	}

	.xxl-h3,
	.xxl-t9 {
		font-size: 28px;
	}

	.xxl-h4,
	.xxl-t10 {
		font-size: 30px;
	}

	.xxl-h5,
	.xxl-t11 {
		font-size: 32px;
	}

	.xxl-h6,
	.xxl-t12 {
		font-size: 34px;
	}

	.xxl-h7 {
		font-size: 36px;
	}

	.xxl-h8 {
		font-size: 38px;
	}

	.xxl-h9 {
		font-size: 40px;
	}

	.xxl-h10 {
		font-size: 42px;
	}

	.xxl-h11 {
		font-size: 44px;
	}

	.xxl-h12 {
		font-size: 46px;
	}

	.xxl-h13 {
		font-size: 48px;
	}

	.xxl-h14 {
		font-size: 50px;
	}

	.xxl-h15 {
		font-size: 52px;
	}

	.xxl-h16 {
		font-size: 54px;
	}

	.xxl-h17 {
		font-size: 56px;
	}

	.xxl-h18 {
		font-size: 58px;
	}

	.xxl-h19 {
		font-size: 60px;
	}

	.xxl-h20 {
		font-size: 62px;
	}

	.xxl-h21 {
		font-size: 64px;
	}

	.xxl-h22 {
		font-size: 66px;
	}

	.xxl-h23 {
		font-size: 68px;
	}

	.xxl-h24 {
		font-size: 70px;
	}
}

/* END-TEXT */










/* ICON */

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/material.woff2') format('woff2');
}

@font-face {
	font-family: 'Social Icons';
	font-style: normal;
	font-weight: normal;
	src: url('/fonts/social.woff2') format('woff2');
}

icon {
	display: inline;
	align-items: center;
	justify-items: center;
	vertical-align: middle;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 120%;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	line-height: normal;
	text-align: center;
}

[class^="icon-"] {
	display: inline-block;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'Social Icons';
	font-style: normal;
	speak-as: none;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-feature-settings: "liga", "dlig";
	-moz-font-feature-settings: "liga=1, dlig=1";
	-moz-font-feature-settings: "liga", "dlig";
	font-feature-settings: "liga", "dlig";
	text-rendering: optimizeLegibility;
}

.icon-Apple:before {
	content: "h";
}

.icon-Facebook:before {
	content: "f";
}

.icon-Instagram:before {
	content: "c";
}

.icon-Telegram:before {
	content: "d";
}

.icon-Viber:before {
	content: "v";
}

.icon-WhatsApp:before {
	content: "n";
}

.icon-Twitter:before {
	content: "t";
}

.icon-Skype:before {
	content: "6";
}

.icon-YouTube:before {
	content: "y";
}

.icon-Google:before {
	content: "u";
}

/* END-ICON */










/* CONTAINER */

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

:focus {
	-webkit-outline: none;
	-moz-outline: none;
	outline: none;
}

/* block */
.container,
.max,
.max-480,
.max-540,
.max-600,
.max-660,
.max-720,
.max-780,
.max-840,
.max-900,
.max-960,
.max-1020,
.max-1080,
.max-1140,
.max-1200,
.max-1260,
.max-1320,
.max-1380,
.max-1440 {
	display: block;
	margin: 0 auto;
	min-width: 240px;
}

.container,
.max-1440 {
	max-width: 1440px;
}

.max-480 {
	max-width: 480px !important;
}

.max-540 {
	max-width: 540px !important;
}

.max-600 {
	max-width: 600px !important;
}

.max-660 {
	max-width: 660px !important;
}

.max-720 {
	max-width: 720px !important;
}

.max-780 {
	max-width: 780px !important;
}

.max-840 {
	max-width: 840px !important;
}

.max-900 {
	max-width: 900px !important;
}

.max-960 {
	max-width: 960px !important;
}

.max,
.max-1020 {
	max-width: 1020px !important;
}

.max-1080 {
	max-width: 1080px !important;
}

.max-1140 {
	max-width: 1140px !important;
}

.max-1200 {
	max-width: 1200px !important;
}

.max-1260 {
	max-width: 1260px !important;
}

.max-1320 {
	max-width: 1320px !important;
}

.max-1380 {
	max-width: 1380px !important;
}

.xlr {
	padding-left: 15px;
	padding-right: 15px;
}

.col {
	display: grid;
	grid-gap: 0;
}

/* @media --- mob --- */
.h {
	display: none !important;
}

@media screen and (max-width:559px) {
	.mob-h {
		display: none !important;
	}
}

/* xs */
@media only screen and (max-width:419px) {
	.xs-h {
		display: none !important;
	}
}

/* grid-template */
.col.xs1 {
	grid-template-columns: 1fr;
}

.col.xs2 {
	grid-template-columns: 1fr 1fr;
}

.col.xs3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.col.xs4 {
	grid-template-columns: repeat(4, 1fr);
}

.col.xs5 {
	grid-template-columns: repeat(5, 1fr);
}

.col.xs6 {
	grid-template-columns: repeat(6, 1fr);
}

.col.xs7 {
	grid-template-columns: repeat(7, 1fr);
}

.col.xs8 {
	grid-template-columns: repeat(8, 1fr);
}

.col.xs9 {
	grid-template-columns: repeat(9, 1fr);
}

.col.xs10 {
	grid-template-columns: repeat(10, 1fr);
}

.col.xs11 {
	grid-template-columns: repeat(11, 1fr);
}

.col.xs12 {
	grid-template-columns: repeat(12, 1fr);
}

.col.xs13 {
	grid-template-columns: repeat(13, 1fr);
}

.col.xs14 {
	grid-template-columns: repeat(14, 1fr);
}

.col.xs15 {
	grid-template-columns: repeat(15, 1fr);
}

.col.xs16 {
	grid-template-columns: repeat(16, 1fr);
}

/* fill */
.col.fill1 {
	grid-template-columns: repeat(auto-fill, 30px);
}

.col.fill2 {
	grid-template-columns: repeat(auto-fill, 40px);
}

.col.fill3 {
	grid-template-columns: repeat(auto-fill, 50px);
}

.col.fill4 {
	grid-template-columns: repeat(auto-fill, 60px);
}

.col.fill5 {
	grid-template-columns: repeat(auto-fill, 70px);
}

.col.fill6 {
	grid-template-columns: repeat(auto-fill, 90px);
}

.col.fill7 {
	grid-template-columns: repeat(auto-fill, 110px);
}

.col.fill8 {
	grid-template-columns: repeat(auto-fill, 130px);
}

.col.fill9 {
	grid-template-columns: repeat(auto-fill, 150px);
}

.col.fill10 {
	grid-template-columns: repeat(auto-fill, 170px);
}

.col.fill11 {
	grid-template-columns: repeat(auto-fill, 190px);
}

.col.fill12 {
	grid-template-columns: repeat(auto-fill, 210px);
}

.col.fill13 {
	grid-template-columns: repeat(auto-fill, 230px);
}

.col.fill14 {
	grid-template-columns: repeat(auto-fill, 250px);
}

.col.fill15 {
	grid-template-columns: repeat(auto-fill, 270px);
}

.col.fill16 {
	grid-template-columns: repeat(auto-fill, 290px);
}

/* auto-fill */
.col.afill1 {
	grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
}

.col.afill2 {
	grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
}

.col.afill3 {
	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
}

.col.afill4 {
	grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
}

.col.afill5 {
	grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
}

.col.afill6 {
	grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
}

.col.afill7 {
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
}

.col.afill8 {
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.col.afill9 {
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.col.afill10 {
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.col.afill11 {
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.col.afill12 {
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

.col.afill13 {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.col.afill14 {
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.col.afill15 {
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}

.col.afill16 {
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}

/* auto-fit */
.col.afit1 {
	grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
}

.col.afit2 {
	grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
}

.col.afit3 {
	grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
}

.col.afit4 {
	grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}

.col.afit5 {
	grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
}

.col.afit6 {
	grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}

.col.afit7 {
	grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.col.afit8 {
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.col.afit9 {
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.col.afit10 {
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.col.afit11 {
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.col.afit12 {
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.col.afit13 {
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.col.afit14 {
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.col.afit15 {
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.col.afit16 {
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}

/* column */
.col .xs-cs1 {
	grid-column: span 1;
}

.col .xs-cs2 {
	grid-column: span 2;
}

.col .xs-cs3 {
	grid-column: span 3;
}

.col .xs-cs4 {
	grid-column: span 4;
}

.col .xs-cs5 {
	grid-column: span 5;
}

.col .xs-cs6 {
	grid-column: span 6;
}

.col .xs-cs7 {
	grid-column: span 7;
}

.col .xs-cs8 {
	grid-column: span 8;
}

.col .xs-cs9 {
	grid-column: span 9;
}

.col .xs-cs10 {
	grid-column: span 10;
}

.col .xs-cs11 {
	grid-column: span 11;
}

.col .xs-cs12 {
	grid-column: span 12;
}

.col .xs-cs13 {
	grid-column: span 13;
}

.col .xs-cs14 {
	grid-column: span 14;
}

.col .xs-cs15 {
	grid-column: span 15;
}

.col .xs-cs16 {
	grid-column: span 16;
}

/* row */
.col .xs-rs1 {
	grid-row: span 1;
}

.col .xs-rs2 {
	grid-row: span 2;
}

.col .xs-rs3 {
	grid-row: span 3;
}

.col .xs-rs4 {
	grid-row: span 4;
}

.col .xs-rs5 {
	grid-row: span 5;
}

.col .xs-rs6 {
	grid-row: span 6;
}

.col .xs-rs7 {
	grid-row: span 7;
}

.col .xs-rs8 {
	grid-row: span 8;
}

.col .xs-rs9 {
	grid-row: span 9;
}

.col .xs-rs10 {
	grid-row: span 10;
}

.col .xs-rs11 {
	grid-row: span 11;
}

.col .xs-rs12 {
	grid-row: span 12;
}

.col .xs-rs13 {
	grid-row: span 13;
}

.col .xs-rs14 {
	grid-row: span 14;
}

.col .xs-rs15 {
	grid-row: span 15;
}

.col .xs-rs16 {
	grid-row: span 16;
}

/* order */
.col .xs-o1 {
	order: 1;
}

.col .xs-o2 {
	order: 2;
}

.col .xs-o3 {
	order: 3;
}

.col .xs-o4 {
	order: 4;
}

.col .xs-o5 {
	order: 5;
}

.col .xs-o6 {
	order: 6;
}

.col .xs-o7 {
	order: 7;
}

.col .xs-o8 {
	order: 8;
}

.col .xs-o9 {
	order: 9;
}

.col .xs-o10 {
	order: 10;
}

.col .xs-o11 {
	order: 11;
}

.col .xs-o12 {
	order: 12;
}

.col .xs-o13 {
	order: 13;
}

.col .xs-o14 {
	order: 14;
}

.col .xs-o15 {
	order: 15;
}

.col .xs-o16 {
	order: 16;
}

/* grid-gap */
.col.xs-cg0 {
	grid-column-gap: 1px;
}

.col.xs-cg1 {
	grid-column-gap: 15px;
}

.col.xs-cg2 {
	grid-column-gap: 30px;
}

.col.xs-cg3 {
	grid-column-gap: 45px;
}

.col.xs-cg4 {
	grid-column-gap: 60px;
}

.col.xs-cg5 {
	grid-column-gap: 75px;
}

.col.xs-cg6 {
	grid-column-gap: 90px;
}

.col.xs-rg0 {
	grid-row-gap: 1px;
}

.col.xs-rg1 {
	grid-row-gap: 15px;
}

.col.xs-rg2 {
	grid-row-gap: 30px;
}

.col.xs-rg3 {
	grid-row-gap: 45px;
}

.col.xs-rg4 {
	grid-row-gap: 60px;
}

.col.xs-rg5 {
	grid-row-gap: 75px;
}

.col.xs-rg6 {
	grid-row-gap: 90px;
}

/* align-items */
.col.it,
.col.xs-it {
	align-items: flex-start;
}

.col.ic,
.col.xs-ic {
	align-items: center;
}

.col.ib,
.col.xs-ib {
	align-items: flex-end;
}

/* justify-items */
.col.jl,
.col.xs-jl {
	justify-items: flex-start;
}

.col.jc,
.col.xs-jc {
	justify-items: center;
}

.col.jr,
.col.xs-jr {
	justify-items: flex-end;
}

/* padding */
.pt1,
.xs-pt1 {
	padding-top: 1px;
}

.pt2,
.xs-pt2 {
	padding-top: 2px;
}

.pt3,
.xs-pt3 {
	padding-top: 3px;
}

.pt4,
.xs-pt4 {
	padding-top: 4px;
}

.pt5,
.xs-pt5 {
	padding-top: 5px;
}

.pt6,
.xs-pt6 {
	padding-top: 10px;
}

.pt7,
.xs-pt7 {
	padding-top: 15px;
}

.pt8,
.xs-pt8 {
	padding-top: 30px;
}

.pt9,
.xs-pt9 {
	padding-top: 45px;
}

.pt10,
.xs-pt10 {
	padding-top: 60px;
}

.pt11,
.xs-pt11 {
	padding-top: 75px;
}

.pt12,
.xs-pt12 {
	padding-top: 90px;
}

.pr1,
.xs-pr1 {
	padding-right: 1px;
}

.pr2,
.xs-pr2 {
	padding-right: 2px;
}

.pr3,
.xs-pr3 {
	padding-right: 3px;
}

.pr4,
.xs-pr4 {
	padding-right: 4px;
}

.pr5,
.xs-pr5 {
	padding-right: 5px;
}

.pr6,
.xs-pr6 {
	padding-right: 10px;
}

.pr7,
.xs-pr7 {
	padding-right: 15px;
}

.pr8,
.xs-pr8 {
	padding-right: 30px;
}

.pr9,
.xs-pr9 {
	padding-right: 45px;
}

.pr10,
.xs-pr10 {
	padding-right: 60px;
}

.pr11,
.xs-pr11 {
	padding-right: 75px;
}

.pr12,
.xs-pr12 {
	padding-right: 90px;
}

.pb1,
.xs-pb1 {
	padding-bottom: 1px;
}

.pb2,
.xs-pb2 {
	padding-bottom: 2px;
}

.pb3,
.xs-pb3 {
	padding-bottom: 3px;
}

.pb4,
.xs-pb4 {
	padding-bottom: 4px;
}

.pb5,
.xs-pb5 {
	padding-bottom: 5px;
}

.pb6,
.xs-pb6 {
	padding-bottom: 10px;
}

.pb7,
.xs-pb7 {
	padding-bottom: 15px;
}

.pb8,
.xs-pb8 {
	padding-bottom: 30px;
}

.pb9,
.xs-pb9 {
	padding-bottom: 45px;
}

.pb10,
.xs-pb10 {
	padding-bottom: 60px;
}

.pb11,
.xs-pb11 {
	padding-bottom: 75px;
}

.pb12,
.xs-pb12 {
	padding-bottom: 90px;
}

.pl1,
.xs-pl1 {
	padding-left: 1px;
}

.pl2,
.xs-pl2 {
	padding-left: 2px;
}

.pl3,
.xs-pl3 {
	padding-left: 3px;
}

.pl4,
.xs-pl4 {
	padding-left: 4px;
}

.pl5,
.xs-pl5 {
	padding-left: 5px;
}

.pl6,
.xs-pl6 {
	padding-left: 10px;
}

.pl7,
.xs-pl7 {
	padding-left: 15px;
}

.pl8,
.xs-pl8 {
	padding-left: 30px;
}

.pl9,
.xs-pl9 {
	padding-left: 45px;
}

.pl10,
.xs-pl10 {
	padding-left: 60px;
}

.pl11,
.xs-pl11 {
	padding-left: 75px;
}

.pl12,
.xs-pl12 {
	padding-left: 90px;
}

/* margin */
.mt1,
.xs-mt1 {
	margin-top: 1px;
}

.mt2,
.xs-mt2 {
	margin-top: 2px;
}

.mt3,
.xs-mt3 {
	margin-top: 3px;
}

.mt4,
.xs-mt4 {
	margin-top: 4px;
}

.mt5,
.xs-mt5 {
	margin-top: 5px;
}

.mt6,
.xs-mt6 {
	margin-top: 10px;
}

.mt7,
.xs-mt7 {
	margin-top: 15px;
}

.mt8,
.xs-mt8 {
	margin-top: 30px;
}

.mt9,
.xs-mt9 {
	margin-top: 45px;
}

.mt10,
.xs-mt10 {
	margin-top: 60px;
}

.mt11,
.xs-mt11 {
	margin-top: 75px;
}

.mt12,
.xs-mt12 {
	margin-top: 90px;
}

.mt-1,
.xs-mt-1 {
	margin-top: -1px;
}

.mt-2,
.xs-mt-2 {
	margin-top: -2px;
}

.mt-3,
.xs-mt-3 {
	margin-top: -3px;
}

.mt-4,
.xs-mt-4 {
	margin-top: -4px;
}

.mt-5,
.xs-mt-5 {
	margin-top: -5px;
}

.mt-6,
.xs-mt-6 {
	margin-top: -10px;
}

.mt-7,
.xs-mt-7 {
	margin-top: -15px;
}

.mt-8,
.xs-mt-8 {
	margin-top: -30px;
}

.mt-9,
.xs-mt-9 {
	margin-top: -45px;
}

.mt-10,
.xs-mt-10 {
	margin-top: -60px;
}

.mt-11,
.xs-mt-11 {
	margin-top: -75px;
}

.mt-12,
.xs-mt-12 {
	margin-top: -90px;
}

.mb1,
.xs-mb1 {
	margin-bottom: 1px;
}

.mb2,
.xs-mb2 {
	margin-bottom: 2px;
}

.mb3,
.xs-mb3 {
	margin-bottom: 3px;
}

.mb4,
.xs-mb4 {
	margin-bottom: 4px;
}

.mb5,
.xs-mb5 {
	margin-bottom: 5px;
}

.mb6,
.xs-mb6 {
	margin-bottom: 10px;
}

.mb7,
.xs-mb7 {
	margin-bottom: 15px;
}

.mb8,
.xs-mb8 {
	margin-bottom: 30px;
}

.mb9,
.xs-mb9 {
	margin-bottom: 45px;
}

.mb10,
.xs-mb10 {
	margin-bottom: 60px;
}

.mb11,
.xs-mb11 {
	margin-bottom: 75px;
}

.mb12,
.xs-mb12 {
	margin-bottom: 90px;
}

.mb-1,
.xs-mb-1 {
	margin-bottom: -1px;
}

.mb-2,
.xs-mb-2 {
	margin-bottom: -2px;
}

.mb-3,
.xs-mb-3 {
	margin-bottom: -3px;
}

.mb-4,
.xs-mb-4 {
	margin-bottom: -4px;
}

.mb-5,
.xs-mb-5 {
	margin-bottom: -5px;
}

.mb-6,
.xs-mb-6 {
	margin-bottom: -10px;
}

.mb-7,
.xs-mb-7 {
	margin-bottom: -15px;
}

.mb-8,
.xs-mb-8 {
	margin-bottom: -30px;
}

.mb-9,
.xs-mb-9 {
	margin-bottom: -45px;
}

.mb-10,
.xs-mb-10 {
	margin-bottom: -60px;
}

.mb-11,
.xs-mb-11 {
	margin-bottom: -75px;
}

.mb-12,
.xs-mb-12 {
	margin-bottom: -90px;
}

/* align */
.al,
.xs-al {
	text-align: left;
}

.ac,
.xs-ac {
	text-align: center;
}

.ar,
.xs-ar {
	text-align: right;
}

/* s */
@media only screen and (min-width:420px) and (max-width:559px) {
	.s-h {
		display: none !important;
	}
}

@media only screen and (min-width:420px) {

	/* grid-template */
	.col.s1 {
		grid-template-columns: 1fr;
	}

	.col.s2 {
		grid-template-columns: 1fr 1fr;
	}

	.col.s3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.col.s4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.col.s5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.col.s6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.col.s7 {
		grid-template-columns: repeat(7, 1fr);
	}

	.col.s8 {
		grid-template-columns: repeat(8, 1fr);
	}

	.col.s9 {
		grid-template-columns: repeat(9, 1fr);
	}

	.col.s10 {
		grid-template-columns: repeat(10, 1fr);
	}

	.col.s11 {
		grid-template-columns: repeat(11, 1fr);
	}

	.col.s12 {
		grid-template-columns: repeat(12, 1fr);
	}

	.col.s13 {
		grid-template-columns: repeat(13, 1fr);
	}

	.col.s14 {
		grid-template-columns: repeat(14, 1fr);
	}

	.col.s15 {
		grid-template-columns: repeat(15, 1fr);
	}

	.col.s16 {
		grid-template-columns: repeat(16, 1fr);
	}

	/* column */
	.col .s-cs1 {
		grid-column: span 1;
	}

	.col .s-cs2 {
		grid-column: span 2;
	}

	.col .s-cs3 {
		grid-column: span 3;
	}

	.col .s-cs4 {
		grid-column: span 4;
	}

	.col .s-cs5 {
		grid-column: span 5;
	}

	.col .s-cs6 {
		grid-column: span 6;
	}

	.col .s-cs7 {
		grid-column: span 7;
	}

	.col .s-cs8 {
		grid-column: span 8;
	}

	.col .s-cs9 {
		grid-column: span 9;
	}

	.col .s-cs10 {
		grid-column: span 10;
	}

	.col .s-cs11 {
		grid-column: span 11;
	}

	.col .s-cs12 {
		grid-column: span 12;
	}

	.col .s-cs13 {
		grid-column: span 13;
	}

	.col .s-cs14 {
		grid-column: span 14;
	}

	.col .s-cs15 {
		grid-column: span 15;
	}

	.col .s-cs16 {
		grid-column: span 16;
	}

	/* row */
	.col .s-rs1 {
		grid-row: span 1;
	}

	.col .s-rs2 {
		grid-row: span 2;
	}

	.col .s-rs3 {
		grid-row: span 3;
	}

	.col .s-rs4 {
		grid-row: span 4;
	}

	.col .s-rs5 {
		grid-row: span 5;
	}

	.col .s-rs6 {
		grid-row: span 6;
	}

	.col .s-rs7 {
		grid-row: span 7;
	}

	.col .s-rs8 {
		grid-row: span 8;
	}

	.col .s-rs9 {
		grid-row: span 9;
	}

	.col .s-rs10 {
		grid-row: span 10;
	}

	.col .s-rs11 {
		grid-row: span 11;
	}

	.col .s-rs12 {
		grid-row: span 12;
	}

	.col .s-rs13 {
		grid-row: span 13;
	}

	.col .s-rs14 {
		grid-row: span 14;
	}

	.col .s-rs15 {
		grid-row: span 15;
	}

	.col .s-rs16 {
		grid-row: span 16;
	}

	/* order */
	.col .s-o1 {
		order: 1;
	}

	.col .s-o2 {
		order: 2;
	}

	.col .s-o3 {
		order: 3;
	}

	.col .s-o4 {
		order: 4;
	}

	.col .s-o5 {
		order: 5;
	}

	.col .s-o6 {
		order: 6;
	}

	.col .s-o7 {
		order: 7;
	}

	.col .s-o8 {
		order: 8;
	}

	.col .s-o9 {
		order: 9;
	}

	.col .s-o10 {
		order: 10;
	}

	.col .s-o11 {
		order: 11;
	}

	.col .s-o12 {
		order: 12;
	}

	.col .s-o13 {
		order: 13;
	}

	.col .s-o14 {
		order: 14;
	}

	.col .s-o15 {
		order: 15;
	}

	.col .s-o16 {
		order: 16;
	}

	/* grid-gap */
	.col.s-cg0 {
		grid-column-gap: 1px;
	}

	.col.s-cg1 {
		grid-column-gap: 15px;
	}

	.col.s-cg2 {
		grid-column-gap: 30px;
	}

	.col.s-cg3 {
		grid-column-gap: 45px;
	}

	.col.s-cg4 {
		grid-column-gap: 60px;
	}

	.col.s-cg5 {
		grid-column-gap: 75px;
	}

	.col.s-cg6 {
		grid-column-gap: 90px;
	}

	.col.s-rg0 {
		grid-row-gap: 1px;
	}

	.col.s-rg1 {
		grid-row-gap: 15px;
	}

	.col.s-rg2 {
		grid-row-gap: 30px;
	}

	.col.s-rg3 {
		grid-row-gap: 45px;
	}

	.col.s-rg4 {
		grid-row-gap: 60px;
	}

	.col.s-rg5 {
		grid-row-gap: 75px;
	}

	.col.s-rg6 {
		grid-row-gap: 90px;
	}

	/* align-items */
	.col.s-it {
		align-items: flex-start;
	}

	.col.s-ic {
		align-items: center;
	}

	.col.s-ib {
		align-items: flex-end;
	}

	/* justify-items */
	.col.s-jl {
		justify-items: flex-start;
	}

	.col.s-jc {
		justify-items: center;
	}

	.col.s-jr {
		justify-items: flex-end;
	}

	/* padding */
	.s-pt0 {
		padding-top: 0;
	}

	.s-pt1 {
		padding-top: 1px;
	}

	.s-pt2 {
		padding-top: 2px;
	}

	.s-pt3 {
		padding-top: 3px;
	}

	.s-pt4 {
		padding-top: 4px;
	}

	.s-pt5 {
		padding-top: 5px;
	}

	.s-pt6 {
		padding-top: 10px;
	}

	.s-pt7 {
		padding-top: 15px;
	}

	.s-pt8 {
		padding-top: 30px;
	}

	.s-pt9 {
		padding-top: 45px;
	}

	.s-pt10 {
		padding-top: 60px;
	}

	.s-pt11 {
		padding-top: 75px;
	}

	.s-pt12 {
		padding-top: 90px;
	}

	.s-pr0 {
		padding-right: 0;
	}

	.s-pr1 {
		padding-right: 1px;
	}

	.s-pr2 {
		padding-right: 2px;
	}

	.s-pr3 {
		padding-right: 3px;
	}

	.s-pr4 {
		padding-right: 4px;
	}

	.s-pr5 {
		padding-right: 5px;
	}

	.s-pr6 {
		padding-right: 10px;
	}

	.s-pr7 {
		padding-right: 15px;
	}

	.s-pr8 {
		padding-right: 30px;
	}

	.s-pr9 {
		padding-right: 45px;
	}

	.s-pr10 {
		padding-right: 60px;
	}

	.s-pr11 {
		padding-right: 75px;
	}

	.s-pr12 {
		padding-right: 90px;
	}

	.s-pb0 {
		padding-bottom: 0;
	}

	.s-pb1 {
		padding-bottom: 1px;
	}

	.s-pb2 {
		padding-bottom: 2px;
	}

	.s-pb3 {
		padding-bottom: 3px;
	}

	.s-pb4 {
		padding-bottom: 4px;
	}

	.s-pb5 {
		padding-bottom: 5px;
	}

	.s-pb6 {
		padding-bottom: 10px;
	}

	.s-pb7 {
		padding-bottom: 15px;
	}

	.s-pb8 {
		padding-bottom: 30px;
	}

	.s-pb9 {
		padding-bottom: 45px;
	}

	.s-pb10 {
		padding-bottom: 60px;
	}

	.s-pb11 {
		padding-bottom: 75px;
	}

	.s-pb12 {
		padding-bottom: 90px;
	}

	.s-pl0 {
		padding-left: 0;
	}

	.s-pl1 {
		padding-left: 1px;
	}

	.s-pl2 {
		padding-left: 2px;
	}

	.s-pl3 {
		padding-left: 3px;
	}

	.s-pl4 {
		padding-left: 4px;
	}

	.s-pl5 {
		padding-left: 5px;
	}

	.s-pl6 {
		padding-left: 10px;
	}

	.s-pl7 {
		padding-left: 15px;
	}

	.s-pl8 {
		padding-left: 30px;
	}

	.s-pl9 {
		padding-left: 45px;
	}

	.s-pl10 {
		padding-left: 60px;
	}

	.s-pl11 {
		padding-left: 75px;
	}

	.s-pl12 {
		padding-left: 90px;
	}

	/* margin */
	.s-mt1 {
		margin-top: 1px;
	}

	.s-mt2 {
		margin-top: 2px;
	}

	.s-mt3 {
		margin-top: 3px;
	}

	.s-mt4 {
		margin-top: 4px;
	}

	.s-mt5 {
		margin-top: 5px;
	}

	.s-mt6 {
		margin-top: 10px;
	}

	.s-mt7 {
		margin-top: 15px;
	}

	.s-mt8 {
		margin-top: 30px;
	}

	.s-mt9 {
		margin-top: 45px;
	}

	.s-mt10 {
		margin-top: 60px;
	}

	.s-mt11 {
		margin-top: 75px;
	}

	.s-mt12 {
		margin-top: 90px;
	}

	.s-mt-1 {
		margin-top: -1px;
	}

	.s-mt-2 {
		margin-top: -2px;
	}

	.s-mt-3 {
		margin-top: -3px;
	}

	.s-mt-4 {
		margin-top: -4px;
	}

	.s-mt-5 {
		margin-top: -5px;
	}

	.s-mt-6 {
		margin-top: -10px;
	}

	.s-mt-7 {
		margin-top: -15px;
	}

	.s-mt-8 {
		margin-top: -30px;
	}

	.s-mt-9 {
		margin-top: -45px;
	}

	.s-mt-10 {
		margin-top: -60px;
	}

	.s-mt-11 {
		margin-top: -75px;
	}

	.s-mt-12 {
		margin-top: -90px;
	}

	.s-mb1 {
		margin-bottom: 1px;
	}

	.s-mb2 {
		margin-bottom: 2px;
	}

	.s-mb3 {
		margin-bottom: 3px;
	}

	.s-mb4 {
		margin-bottom: 4px;
	}

	.s-mb5 {
		margin-bottom: 5px;
	}

	.s-mb6 {
		margin-bottom: 10px;
	}

	.s-mb7 {
		margin-bottom: 15px;
	}

	.s-mb8 {
		margin-bottom: 30px;
	}

	.s-mb9 {
		margin-bottom: 45px;
	}

	.s-mb10 {
		margin-bottom: 60px;
	}

	.s-mb11 {
		margin-bottom: 75px;
	}

	.s-mb12 {
		margin-bottom: 90px;
	}

	.s-mb-1 {
		margin-bottom: -1px;
	}

	.s-mb-2 {
		margin-bottom: -2px;
	}

	.s-mb-3 {
		margin-bottom: -3px;
	}

	.s-mb-4 {
		margin-bottom: -4px;
	}

	.s-mb-5 {
		margin-bottom: -5px;
	}

	.s-mb-6 {
		margin-bottom: -10px;
	}

	.s-mb-7 {
		margin-bottom: -15px;
	}

	.s-mb-8 {
		margin-bottom: -30px;
	}

	.s-mb-9 {
		margin-bottom: -45px;
	}

	.s-mb-10 {
		margin-bottom: -60px;
	}

	.s-mb-11 {
		margin-bottom: -75px;
	}

	.s-mb-12 {
		margin-bottom: -90px;
	}

	/* align */
	.s-al {
		text-align: left;
	}

	.s-ac {
		text-align: center;
	}

	.s-ar {
		text-align: right;
	}
}

/* @media --- tab --- */
@media screen and (min-width:560px) and (max-width:999px) {
	.tab-h {
		display: none !important;
	}
}

/* m */
@media only screen and (min-width:560px) and (max-width:699px) {
	.m-h {
		display: none !important;
	}
}

@media only screen and (min-width:560px) {
	.xlr {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* grid-template */
	.col.m1 {
		grid-template-columns: 1fr;
	}

	.col.m2 {
		grid-template-columns: 1fr 1fr;
	}

	.col.m3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.col.m4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.col.m5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.col.m6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.col.m7 {
		grid-template-columns: repeat(7, 1fr);
	}

	.col.m8 {
		grid-template-columns: repeat(8, 1fr);
	}

	.col.m9 {
		grid-template-columns: repeat(9, 1fr);
	}

	.col.m10 {
		grid-template-columns: repeat(10, 1fr);
	}

	.col.m11 {
		grid-template-columns: repeat(11, 1fr);
	}

	.col.m12 {
		grid-template-columns: repeat(12, 1fr);
	}

	.col.m13 {
		grid-template-columns: repeat(13, 1fr);
	}

	.col.m14 {
		grid-template-columns: repeat(14, 1fr);
	}

	.col.m15 {
		grid-template-columns: repeat(15, 1fr);
	}

	.col.m16 {
		grid-template-columns: repeat(16, 1fr);
	}

	/* column */
	.col .m-cs1 {
		grid-column: span 1;
	}

	.col .m-cs2 {
		grid-column: span 2;
	}

	.col .m-cs3 {
		grid-column: span 3;
	}

	.col .m-cs4 {
		grid-column: span 4;
	}

	.col .m-cs5 {
		grid-column: span 5;
	}

	.col .m-cs6 {
		grid-column: span 6;
	}

	.col .m-cs7 {
		grid-column: span 7;
	}

	.col .m-cs8 {
		grid-column: span 8;
	}

	.col .m-cs9 {
		grid-column: span 9;
	}

	.col .m-cs10 {
		grid-column: span 10;
	}

	.col .m-cs11 {
		grid-column: span 11;
	}

	.col .m-cs12 {
		grid-column: span 12;
	}

	.col .m-cs13 {
		grid-column: span 13;
	}

	.col .m-cs14 {
		grid-column: span 14;
	}

	.col .m-cs15 {
		grid-column: span 15;
	}

	.col .m-cs16 {
		grid-column: span 16;
	}

	/* row */
	.col .m-rs1 {
		grid-row: span 1;
	}

	.col .m-rs2 {
		grid-row: span 2;
	}

	.col .m-rs3 {
		grid-row: span 3;
	}

	.col .m-rs4 {
		grid-row: span 4;
	}

	.col .m-rs5 {
		grid-row: span 5;
	}

	.col .m-rs6 {
		grid-row: span 6;
	}

	.col .m-rs7 {
		grid-row: span 7;
	}

	.col .m-rs8 {
		grid-row: span 8;
	}

	.col .m-rs9 {
		grid-row: span 9;
	}

	.col .m-rs10 {
		grid-row: span 10;
	}

	.col .m-rs11 {
		grid-row: span 11;
	}

	.col .m-rs12 {
		grid-row: span 12;
	}

	.col .m-rs13 {
		grid-row: span 13;
	}

	.col .m-rs14 {
		grid-row: span 14;
	}

	.col .m-rs15 {
		grid-row: span 15;
	}

	.col .m-rs16 {
		grid-row: span 16;
	}

	/* order */
	.col .m-o1 {
		order: 1;
	}

	.col .m-o2 {
		order: 2;
	}

	.col .m-o3 {
		order: 3;
	}

	.col .m-o4 {
		order: 4;
	}

	.col .m-o5 {
		order: 5;
	}

	.col .m-o6 {
		order: 6;
	}

	.col .m-o7 {
		order: 7;
	}

	.col .m-o8 {
		order: 8;
	}

	.col .m-o9 {
		order: 9;
	}

	.col .m-o10 {
		order: 10;
	}

	.col .m-o11 {
		order: 11;
	}

	.col .m-o12 {
		order: 12;
	}

	.col .m-o13 {
		order: 13;
	}

	.col .m-o14 {
		order: 14;
	}

	.col .m-o15 {
		order: 15;
	}

	.col .m-o16 {
		order: 16;
	}

	/* grid-gap */
	.col.m-cg0 {
		grid-column-gap: 1px;
	}

	.col.m-cg1 {
		grid-column-gap: 15px;
	}

	.col.m-cg2 {
		grid-column-gap: 30px;
	}

	.col.m-cg3 {
		grid-column-gap: 45px;
	}

	.col.m-cg4 {
		grid-column-gap: 60px;
	}

	.col.m-cg5 {
		grid-column-gap: 75px;
	}

	.col.m-cg6 {
		grid-column-gap: 90px;
	}

	.col.m-rg0 {
		grid-row-gap: 1px;
	}

	.col.m-rg1 {
		grid-row-gap: 15px;
	}

	.col.m-rg2 {
		grid-row-gap: 30px;
	}

	.col.m-rg3 {
		grid-row-gap: 45px;
	}

	.col.m-rg4 {
		grid-row-gap: 60px;
	}

	.col.m-rg5 {
		grid-row-gap: 75px;
	}

	.col.m-rg6 {
		grid-row-gap: 90px;
	}

	/* align-items */
	.col.m-it {
		align-items: flex-start;
	}

	.col.m-ic {
		align-items: center;
	}

	.col.m-ib {
		align-items: flex-end;
	}

	/* justify-items */
	.col.m-jl {
		justify-items: flex-start;
	}

	.col.m-jc {
		justify-items: center;
	}

	.col.m-jr {
		justify-items: flex-end;
	}

	/* padding */
	.m-pt0 {
		padding-top: 0;
	}

	.m-pt1 {
		padding-top: 1px;
	}

	.m-pt2 {
		padding-top: 2px;
	}

	.m-pt3 {
		padding-top: 3px;
	}

	.m-pt4 {
		padding-top: 4px;
	}

	.m-pt5 {
		padding-top: 5px;
	}

	.m-pt6 {
		padding-top: 10px;
	}

	.m-pt7 {
		padding-top: 15px;
	}

	.m-pt8 {
		padding-top: 30px;
	}

	.m-pt9 {
		padding-top: 45px;
	}

	.m-pt10 {
		padding-top: 60px;
	}

	.m-pt11 {
		padding-top: 75px;
	}

	.m-pt12 {
		padding-top: 90px;
	}

	.m-pr0 {
		padding-right: 0;
	}

	.m-pr1 {
		padding-right: 1px;
	}

	.m-pr2 {
		padding-right: 2px;
	}

	.m-pr3 {
		padding-right: 3px;
	}

	.m-pr4 {
		padding-right: 4px;
	}

	.m-pr5 {
		padding-right: 5px;
	}

	.m-pr6 {
		padding-right: 10px;
	}

	.m-pr7 {
		padding-right: 15px;
	}

	.m-pr8 {
		padding-right: 30px;
	}

	.m-pr9 {
		padding-right: 45px;
	}

	.m-pr10 {
		padding-right: 60px;
	}

	.m-pr11 {
		padding-right: 75px;
	}

	.m-pr12 {
		padding-right: 90px;
	}

	.m-pb0 {
		padding-bottom: 0;
	}

	.m-pb1 {
		padding-bottom: 1px;
	}

	.m-pb2 {
		padding-bottom: 2px;
	}

	.m-pb3 {
		padding-bottom: 3px;
	}

	.m-pb4 {
		padding-bottom: 4px;
	}

	.m-pb5 {
		padding-bottom: 5px;
	}

	.m-pb6 {
		padding-bottom: 10px;
	}

	.m-pb7 {
		padding-bottom: 15px;
	}

	.m-pb8 {
		padding-bottom: 30px;
	}

	.m-pb9 {
		padding-bottom: 45px;
	}

	.m-pb10 {
		padding-bottom: 60px;
	}

	.m-pb11 {
		padding-bottom: 75px;
	}

	.m-pb12 {
		padding-bottom: 90px;
	}

	.m-pl0 {
		padding-left: 0;
	}

	.m-pl1 {
		padding-left: 1px;
	}

	.m-pl2 {
		padding-left: 2px;
	}

	.m-pl3 {
		padding-left: 3px;
	}

	.m-pl4 {
		padding-left: 4px;
	}

	.m-pl5 {
		padding-left: 5px;
	}

	.m-pl6 {
		padding-left: 10px;
	}

	.m-pl7 {
		padding-left: 15px;
	}

	.m-pl8 {
		padding-left: 30px;
	}

	.m-pl9 {
		padding-left: 45px;
	}

	.m-pl10 {
		padding-left: 60px;
	}

	.m-pl11 {
		padding-left: 75px;
	}

	.m-pl12 {
		padding-left: 90px;
	}

	/* margin */
	.m-mt1 {
		margin-top: 1px;
	}

	.m-mt2 {
		margin-top: 2px;
	}

	.m-mt3 {
		margin-top: 3px;
	}

	.m-mt4 {
		margin-top: 4px;
	}

	.m-mt5 {
		margin-top: 5px;
	}

	.m-mt6 {
		margin-top: 10px;
	}

	.m-mt7 {
		margin-top: 15px;
	}

	.m-mt8 {
		margin-top: 30px;
	}

	.m-mt9 {
		margin-top: 45px;
	}

	.m-mt10 {
		margin-top: 60px;
	}

	.m-mt11 {
		margin-top: 75px;
	}

	.m-mt12 {
		margin-top: 90px;
	}

	.m-mt-1 {
		margin-top: -1px;
	}

	.m-mt-2 {
		margin-top: -2px;
	}

	.m-mt-3 {
		margin-top: -3px;
	}

	.m-mt-4 {
		margin-top: -4px;
	}

	.m-mt-5 {
		margin-top: -5px;
	}

	.m-mt-6 {
		margin-top: -10px;
	}

	.m-mt-7 {
		margin-top: -15px;
	}

	.m-mt-8 {
		margin-top: -30px;
	}

	.m-mt-9 {
		margin-top: -45px;
	}

	.m-mt-10 {
		margin-top: -60px;
	}

	.m-mt-11 {
		margin-top: -75px;
	}

	.m-mt-12 {
		margin-top: -90px;
	}

	.m-mb1 {
		margin-bottom: 1px;
	}

	.m-mb2 {
		margin-bottom: 2px;
	}

	.m-mb3 {
		margin-bottom: 3px;
	}

	.m-mb4 {
		margin-bottom: 4px;
	}

	.m-mb5 {
		margin-bottom: 5px;
	}

	.m-mb6 {
		margin-bottom: 10px;
	}

	.m-mb7 {
		margin-bottom: 15px;
	}

	.m-mb8 {
		margin-bottom: 30px;
	}

	.m-mb9 {
		margin-bottom: 45px;
	}

	.m-mb10 {
		margin-bottom: 60px;
	}

	.m-mb11 {
		margin-bottom: 75px;
	}

	.m-mb12 {
		margin-bottom: 90px;
	}

	.m-mb-1 {
		margin-bottom: -1px;
	}

	.m-mb-2 {
		margin-bottom: -2px;
	}

	.m-mb-3 {
		margin-bottom: -3px;
	}

	.m-mb-4 {
		margin-bottom: -4px;
	}

	.m-mb-5 {
		margin-bottom: -5px;
	}

	.m-mb-6 {
		margin-bottom: -10px;
	}

	.m-mb-7 {
		margin-bottom: -15px;
	}

	.m-mb-8 {
		margin-bottom: -30px;
	}

	.m-mb-9 {
		margin-bottom: -45px;
	}

	.m-mb-10 {
		margin-bottom: -60px;
	}

	.m-mb-11 {
		margin-bottom: -75px;
	}

	.m-mb-12 {
		margin-bottom: -90px;
	}

	/* align */
	.m-al {
		text-align: left;
	}

	.m-ac {
		text-align: center;
	}

	.m-ar {
		text-align: right;
	}
}

/* l */
@media only screen and (min-width:700px) and (max-width:999px) {
	.l-h {
		display: none !important;
	}
}

@media only screen and (min-width:700px) {

	/* grid-template */
	.col.l1 {
		grid-template-columns: 1fr;
	}

	.col.l2 {
		grid-template-columns: 1fr 1fr;
	}

	.col.l3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.col.l4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.col.l5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.col.l6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.col.l7 {
		grid-template-columns: repeat(7, 1fr);
	}

	.col.l8 {
		grid-template-columns: repeat(8, 1fr);
	}

	.col.l9 {
		grid-template-columns: repeat(9, 1fr);
	}

	.col.l10 {
		grid-template-columns: repeat(10, 1fr);
	}

	.col.l11 {
		grid-template-columns: repeat(11, 1fr);
	}

	.col.l12 {
		grid-template-columns: repeat(12, 1fr);
	}

	.col.l13 {
		grid-template-columns: repeat(13, 1fr);
	}

	.col.l14 {
		grid-template-columns: repeat(14, 1fr);
	}

	.col.l15 {
		grid-template-columns: repeat(15, 1fr);
	}

	.col.l16 {
		grid-template-columns: repeat(16, 1fr);
	}

	/* column */
	.col .l-cs1 {
		grid-column: span 1;
	}

	.col .l-cs2 {
		grid-column: span 2;
	}

	.col .l-cs3 {
		grid-column: span 3;
	}

	.col .l-cs4 {
		grid-column: span 4;
	}

	.col .l-cs5 {
		grid-column: span 5;
	}

	.col .l-cs6 {
		grid-column: span 6;
	}

	.col .l-cs7 {
		grid-column: span 7;
	}

	.col .l-cs8 {
		grid-column: span 8;
	}

	.col .l-cs9 {
		grid-column: span 9;
	}

	.col .l-cs10 {
		grid-column: span 10;
	}

	.col .l-cs11 {
		grid-column: span 11;
	}

	.col .l-cs12 {
		grid-column: span 12;
	}

	.col .l-cs13 {
		grid-column: span 13;
	}

	.col .l-cs14 {
		grid-column: span 14;
	}

	.col .l-cs15 {
		grid-column: span 15;
	}

	.col .l-cs16 {
		grid-column: span 16;
	}

	/* row */
	.col .l-rs1 {
		grid-row: span 1;
	}

	.col .l-rs2 {
		grid-row: span 2;
	}

	.col .l-rs3 {
		grid-row: span 3;
	}

	.col .l-rs4 {
		grid-row: span 4;
	}

	.col .l-rs5 {
		grid-row: span 5;
	}

	.col .l-rs6 {
		grid-row: span 6;
	}

	.col .l-rs7 {
		grid-row: span 7;
	}

	.col .l-rs8 {
		grid-row: span 8;
	}

	.col .l-rs9 {
		grid-row: span 9;
	}

	.col .l-rs10 {
		grid-row: span 10;
	}

	.col .l-rs11 {
		grid-row: span 11;
	}

	.col .l-rs12 {
		grid-row: span 12;
	}

	.col .l-rs13 {
		grid-row: span 13;
	}

	.col .l-rs14 {
		grid-row: span 14;
	}

	.col .l-rs15 {
		grid-row: span 15;
	}

	.col .l-rs16 {
		grid-row: span 16;
	}

	/* order */
	.col .l-o1 {
		order: 1;
	}

	.col .l-o2 {
		order: 2;
	}

	.col .l-o3 {
		order: 3;
	}

	.col .l-o4 {
		order: 4;
	}

	.col .l-o5 {
		order: 5;
	}

	.col .l-o6 {
		order: 6;
	}

	.col .l-o7 {
		order: 7;
	}

	.col .l-o8 {
		order: 8;
	}

	.col .l-o9 {
		order: 9;
	}

	.col .l-o10 {
		order: 10;
	}

	.col .l-o11 {
		order: 11;
	}

	.col .l-o12 {
		order: 12;
	}

	.col .l-o13 {
		order: 13;
	}

	.col .l-o14 {
		order: 14;
	}

	.col .l-o15 {
		order: 15;
	}

	.col .l-o16 {
		order: 16;
	}

	/* grid-gap */
	.col.l-cg0 {
		grid-column-gap: 1px;
	}

	.col.l-cg1 {
		grid-column-gap: 15px;
	}

	.col.l-cg2 {
		grid-column-gap: 30px;
	}

	.col.l-cg3 {
		grid-column-gap: 45px;
	}

	.col.l-cg4 {
		grid-column-gap: 60px;
	}

	.col.l-cg5 {
		grid-column-gap: 75px;
	}

	.col.l-cg6 {
		grid-column-gap: 90px;
	}

	.col.l-rg0 {
		grid-row-gap: 1px;
	}

	.col.l-rg1 {
		grid-row-gap: 15px;
	}

	.col.l-rg2 {
		grid-row-gap: 30px;
	}

	.col.l-rg3 {
		grid-row-gap: 45px;
	}

	.col.l-rg4 {
		grid-row-gap: 60px;
	}

	.col.l-rg5 {
		grid-row-gap: 75px;
	}

	.col.l-rg6 {
		grid-row-gap: 90px;
	}

	/* align-items */
	.col.l-it {
		align-items: flex-start;
	}

	.col.l-ic {
		align-items: center;
	}

	.col.l-ib {
		align-items: flex-end;
	}

	/* justify-items */
	.col.l-jl {
		justify-items: flex-start;
	}

	.col.l-jc {
		justify-items: center;
	}

	.col.l-jr {
		justify-items: flex-end;
	}

	/* padding */
	.l-pt0 {
		padding-top: 0;
	}

	.l-pt1 {
		padding-top: 1px;
	}

	.l-pt2 {
		padding-top: 2px;
	}

	.l-pt3 {
		padding-top: 3px;
	}

	.l-pt4 {
		padding-top: 4px;
	}

	.l-pt5 {
		padding-top: 5px;
	}

	.l-pt6 {
		padding-top: 10px;
	}

	.l-pt7 {
		padding-top: 15px;
	}

	.l-pt8 {
		padding-top: 30px;
	}

	.l-pt9 {
		padding-top: 45px;
	}

	.l-pt10 {
		padding-top: 60px;
	}

	.l-pt11 {
		padding-top: 75px;
	}

	.l-pt12 {
		padding-top: 90px;
	}

	.l-pr0 {
		padding-right: 0;
	}

	.l-pr1 {
		padding-right: 1px;
	}

	.l-pr2 {
		padding-right: 2px;
	}

	.l-pr3 {
		padding-right: 3px;
	}

	.l-pr4 {
		padding-right: 4px;
	}

	.l-pr5 {
		padding-right: 5px;
	}

	.l-pr6 {
		padding-right: 10px;
	}

	.l-pr7 {
		padding-right: 15px;
	}

	.l-pr8 {
		padding-right: 30px;
	}

	.l-pr9 {
		padding-right: 45px;
	}

	.l-pr10 {
		padding-right: 60px;
	}

	.l-pr11 {
		padding-right: 75px;
	}

	.l-pr12 {
		padding-right: 90px;
	}

	.l-pb0 {
		padding-bottom: 0;
	}

	.l-pb1 {
		padding-bottom: 1px;
	}

	.l-pb2 {
		padding-bottom: 2px;
	}

	.l-pb3 {
		padding-bottom: 3px;
	}

	.l-pb4 {
		padding-bottom: 4px;
	}

	.l-pb5 {
		padding-bottom: 5px;
	}

	.l-pb6 {
		padding-bottom: 10px;
	}

	.l-pb7 {
		padding-bottom: 15px;
	}

	.l-pb8 {
		padding-bottom: 30px;
	}

	.l-pb9 {
		padding-bottom: 45px;
	}

	.l-pb10 {
		padding-bottom: 60px;
	}

	.l-pb11 {
		padding-bottom: 75px;
	}

	.l-pb12 {
		padding-bottom: 90px;
	}

	.l-pl0 {
		padding-left: 0;
	}

	.l-pl1 {
		padding-left: 1px;
	}

	.l-pl2 {
		padding-left: 2px;
	}

	.l-pl3 {
		padding-left: 3px;
	}

	.l-pl4 {
		padding-left: 4px;
	}

	.l-pl5 {
		padding-left: 5px;
	}

	.l-pl6 {
		padding-left: 10px;
	}

	.l-pl7 {
		padding-left: 15px;
	}

	.l-pl8 {
		padding-left: 30px;
	}

	.l-pl9 {
		padding-left: 45px;
	}

	.l-pl10 {
		padding-left: 60px;
	}

	.l-pl11 {
		padding-left: 75px;
	}

	.l-pl12 {
		padding-left: 90px;
	}

	/* margin */
	.l-mt1 {
		margin-top: 1px;
	}

	.l-mt2 {
		margin-top: 2px;
	}

	.l-mt3 {
		margin-top: 3px;
	}

	.l-mt4 {
		margin-top: 4px;
	}

	.l-mt5 {
		margin-top: 5px;
	}

	.l-mt6 {
		margin-top: 10px;
	}

	.l-mt7 {
		margin-top: 15px;
	}

	.l-mt8 {
		margin-top: 30px;
	}

	.l-mt9 {
		margin-top: 45px;
	}

	.l-mt10 {
		margin-top: 60px;
	}

	.l-mt11 {
		margin-top: 75px;
	}

	.l-mt12 {
		margin-top: 90px;
	}

	.l-mt-1 {
		margin-top: -1px;
	}

	.l-mt-2 {
		margin-top: -2px;
	}

	.l-mt-3 {
		margin-top: -3px;
	}

	.l-mt-4 {
		margin-top: -4px;
	}

	.l-mt-5 {
		margin-top: -5px;
	}

	.l-mt-6 {
		margin-top: -10px;
	}

	.l-mt-7 {
		margin-top: -15px;
	}

	.l-mt-8 {
		margin-top: -30px;
	}

	.l-mt-9 {
		margin-top: -45px;
	}

	.l-mt-10 {
		margin-top: -60px;
	}

	.l-mt-11 {
		margin-top: -75px;
	}

	.l-mt-12 {
		margin-top: -90px;
	}

	.l-mb1 {
		margin-bottom: 1px;
	}

	.l-mb2 {
		margin-bottom: 2px;
	}

	.l-mb3 {
		margin-bottom: 3px;
	}

	.l-mb4 {
		margin-bottom: 4px;
	}

	.l-mb5 {
		margin-bottom: 5px;
	}

	.l-mb6 {
		margin-bottom: 10px;
	}

	.l-mb7 {
		margin-bottom: 15px;
	}

	.l-mb8 {
		margin-bottom: 30px;
	}

	.l-mb9 {
		margin-bottom: 45px;
	}

	.l-mb10 {
		margin-bottom: 60px;
	}

	.l-mb11 {
		margin-bottom: 75px;
	}

	.l-mb12 {
		margin-bottom: 90px;
	}

	.l-mb-1 {
		margin-bottom: -1px;
	}

	.l-mb-2 {
		margin-bottom: -2px;
	}

	.l-mb-3 {
		margin-bottom: -3px;
	}

	.l-mb-4 {
		margin-bottom: -4px;
	}

	.l-mb-5 {
		margin-bottom: -5px;
	}

	.l-mb-6 {
		margin-bottom: -10px;
	}

	.l-mb-7 {
		margin-bottom: -15px;
	}

	.l-mb-8 {
		margin-bottom: -30px;
	}

	.l-mb-9 {
		margin-bottom: -45px;
	}

	.l-mb-10 {
		margin-bottom: -60px;
	}

	.l-mb-11 {
		margin-bottom: -75px;
	}

	.l-mb-12 {
		margin-bottom: -90px;
	}

	/* align */
	.l-al {
		text-align: left;
	}

	.l-ac {
		text-align: center;
	}

	.l-ar {
		text-align: right;
	}
}

/* @media --- pc --- */
/* xl */
@media only screen and (min-width:1000px) and (max-width:1199px) {
	.xl-h {
		display: none !important;
	}
}

@media only screen and (min-width:1000px) {
	.pc-h {
		display: none !important;
	}

	.xlr {
		padding-left: 45px;
		padding-right: 45px;
	}

	/* grid-template */
	.col.xl1 {
		grid-template-columns: 1fr;
	}

	.col.xl2 {
		grid-template-columns: 1fr 1fr;
	}

	.col.xl3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.col.xl4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.col.xl5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.col.xl6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.col.xl7 {
		grid-template-columns: repeat(7, 1fr);
	}

	.col.xl8 {
		grid-template-columns: repeat(8, 1fr);
	}

	.col.xl9 {
		grid-template-columns: repeat(9, 1fr);
	}

	.col.xl10 {
		grid-template-columns: repeat(10, 1fr);
	}

	.col.xl11 {
		grid-template-columns: repeat(11, 1fr);
	}

	.col.xl12 {
		grid-template-columns: repeat(12, 1fr);
	}

	.col.xl13 {
		grid-template-columns: repeat(13, 1fr);
	}

	.col.xl14 {
		grid-template-columns: repeat(14, 1fr);
	}

	.col.xl15 {
		grid-template-columns: repeat(15, 1fr);
	}

	.col.xl16 {
		grid-template-columns: repeat(16, 1fr);
	}

	/* column */
	.col .xl-cs1 {
		grid-column: span 1;
	}

	.col .xl-cs2 {
		grid-column: span 2;
	}

	.col .xl-cs3 {
		grid-column: span 3;
	}

	.col .xl-cs4 {
		grid-column: span 4;
	}

	.col .xl-cs5 {
		grid-column: span 5;
	}

	.col .xl-cs6 {
		grid-column: span 6;
	}

	.col .xl-cs7 {
		grid-column: span 7;
	}

	.col .xl-cs8 {
		grid-column: span 8;
	}

	.col .xl-cs9 {
		grid-column: span 9;
	}

	.col .xl-cs10 {
		grid-column: span 10;
	}

	.col .xl-cs11 {
		grid-column: span 11;
	}

	.col .xl-cs12 {
		grid-column: span 12;
	}

	.col .xl-cs13 {
		grid-column: span 13;
	}

	.col .xl-cs14 {
		grid-column: span 14;
	}

	.col .xl-cs15 {
		grid-column: span 15;
	}

	.col .xl-cs16 {
		grid-column: span 16;
	}

	/* row */
	.col .xl-rs1 {
		grid-row: span 1;
	}

	.col .xl-rs2 {
		grid-row: span 2;
	}

	.col .xl-rs3 {
		grid-row: span 3;
	}

	.col .xl-rs4 {
		grid-row: span 4;
	}

	.col .xl-rs5 {
		grid-row: span 5;
	}

	.col .xl-rs6 {
		grid-row: span 6;
	}

	.col .xl-rs7 {
		grid-row: span 7;
	}

	.col .xl-rs8 {
		grid-row: span 8;
	}

	.col .xl-rs9 {
		grid-row: span 9;
	}

	.col .xl-rs10 {
		grid-row: span 10;
	}

	.col .xl-rs11 {
		grid-row: span 11;
	}

	.col .xl-rs12 {
		grid-row: span 12;
	}

	.col .xl-rs13 {
		grid-row: span 13;
	}

	.col .xl-rs14 {
		grid-row: span 14;
	}

	.col .xl-rs15 {
		grid-row: span 15;
	}

	.col .xl-rs16 {
		grid-row: span 16;
	}

	/* order */
	.col .xl-o1 {
		order: 1;
	}

	.col .xl-o2 {
		order: 2;
	}

	.col .xl-o3 {
		order: 3;
	}

	.col .xl-o4 {
		order: 4;
	}

	.col .xl-o5 {
		order: 5;
	}

	.col .xl-o6 {
		order: 6;
	}

	.col .xl-o7 {
		order: 7;
	}

	.col .xl-o8 {
		order: 8;
	}

	.col .xl-o9 {
		order: 9;
	}

	.col .xl-o10 {
		order: 10;
	}

	.col .xl-o11 {
		order: 11;
	}

	.col .xl-o12 {
		order: 12;
	}

	.col .xl-o13 {
		order: 13;
	}

	.col .xl-o14 {
		order: 14;
	}

	.col .xl-o15 {
		order: 15;
	}

	.col .xl-o16 {
		order: 16;
	}

	/* grid-gap */
	.col.xl-cg0 {
		grid-column-gap: 1px;
	}

	.col.xl-cg1 {
		grid-column-gap: 15px;
	}

	.col.xl-cg2 {
		grid-column-gap: 30px;
	}

	.col.xl-cg3 {
		grid-column-gap: 45px;
	}

	.col.xl-cg4 {
		grid-column-gap: 60px;
	}

	.col.xl-cg5 {
		grid-column-gap: 75px;
	}

	.col.xl-cg6 {
		grid-column-gap: 90px;
	}

	.col.xl-rg0 {
		grid-row-gap: 1px;
	}

	.col.xl-rg1 {
		grid-row-gap: 15px;
	}

	.col.xl-rg2 {
		grid-row-gap: 30px;
	}

	.col.xl-rg3 {
		grid-row-gap: 45px;
	}

	.col.xl-rg4 {
		grid-row-gap: 60px;
	}

	.col.xl-rg5 {
		grid-row-gap: 75px;
	}

	.col.xl-rg6 {
		grid-row-gap: 90px;
	}

	/* align-items */
	.col.xl-it {
		align-items: flex-start;
	}

	.col.xl-ic {
		align-items: center;
	}

	.col.xl-ib {
		align-items: flex-end;
	}

	/* justify-items */
	.col.xl-jl {
		justify-items: flex-start;
	}

	.col.xl-jc {
		justify-items: center;
	}

	.col.xl-jr {
		justify-items: flex-end;
	}

	/* padding */
	.xl-pt0 {
		padding-top: 0;
	}

	.xl-pt1 {
		padding-top: 1px;
	}

	.xl-pt2 {
		padding-top: 2px;
	}

	.xl-pt3 {
		padding-top: 3px;
	}

	.xl-pt4 {
		padding-top: 4px;
	}

	.xl-pt5 {
		padding-top: 5px;
	}

	.xl-pt6 {
		padding-top: 10px;
	}

	.xl-pt7 {
		padding-top: 15px;
	}

	.xl-pt8 {
		padding-top: 30px;
	}

	.xl-pt9 {
		padding-top: 45px;
	}

	.xl-pt10 {
		padding-top: 60px;
	}

	.xl-pt11 {
		padding-top: 75px;
	}

	.xl-pt12 {
		padding-top: 90px;
	}

	.xl-pr0 {
		padding-right: 0;
	}

	.xl-pr1 {
		padding-right: 1px;
	}

	.xl-pr2 {
		padding-right: 2px;
	}

	.xl-pr3 {
		padding-right: 3px;
	}

	.xl-pr4 {
		padding-right: 4px;
	}

	.xl-pr5 {
		padding-right: 5px;
	}

	.xl-pr6 {
		padding-right: 10px;
	}

	.xl-pr7 {
		padding-right: 15px;
	}

	.xl-pr8 {
		padding-right: 30px;
	}

	.xl-pr9 {
		padding-right: 45px;
	}

	.xl-pr10 {
		padding-right: 60px;
	}

	.xl-pr11 {
		padding-right: 75px;
	}

	.xl-pr12 {
		padding-right: 90px;
	}

	.xl-pb0 {
		padding-bottom: 0;
	}

	.xl-pb1 {
		padding-bottom: 1px;
	}

	.xl-pb2 {
		padding-bottom: 2px;
	}

	.xl-pb3 {
		padding-bottom: 3px;
	}

	.xl-pb4 {
		padding-bottom: 4px;
	}

	.xl-pb5 {
		padding-bottom: 5px;
	}

	.xl-pb6 {
		padding-bottom: 10px;
	}

	.xl-pb7 {
		padding-bottom: 15px;
	}

	.xl-pb8 {
		padding-bottom: 30px;
	}

	.xl-pb9 {
		padding-bottom: 45px;
	}

	.xl-pb10 {
		padding-bottom: 60px;
	}

	.xl-pb11 {
		padding-bottom: 75px;
	}

	.xl-pb12 {
		padding-bottom: 90px;
	}

	.xl-pl0 {
		padding-left: 0;
	}

	.xl-pl1 {
		padding-left: 1px;
	}

	.xl-pl2 {
		padding-left: 2px;
	}

	.xl-pl3 {
		padding-left: 3px;
	}

	.xl-pl4 {
		padding-left: 4px;
	}

	.xl-pl5 {
		padding-left: 5px;
	}

	.xl-pl6 {
		padding-left: 10px;
	}

	.xl-pl7 {
		padding-left: 15px;
	}

	.xl-pl8 {
		padding-left: 30px;
	}

	.xl-pl9 {
		padding-left: 45px;
	}

	.xl-pl10 {
		padding-left: 60px;
	}

	.xl-pl11 {
		padding-left: 75px;
	}

	.xl-pl12 {
		padding-left: 90px;
	}

	/* margin */
	.xl-mt1 {
		margin-top: 1px;
	}

	.xl-mt2 {
		margin-top: 2px;
	}

	.xl-mt3 {
		margin-top: 3px;
	}

	.xl-mt4 {
		margin-top: 4px;
	}

	.xl-mt5 {
		margin-top: 5px;
	}

	.xl-mt6 {
		margin-top: 10px;
	}

	.xl-mt7 {
		margin-top: 15px;
	}

	.xl-mt8 {
		margin-top: 30px;
	}

	.xl-mt9 {
		margin-top: 45px;
	}

	.xl-mt10 {
		margin-top: 60px;
	}

	.xl-mt11 {
		margin-top: 75px;
	}

	.xl-mt12 {
		margin-top: 90px;
	}

	.xl-mt-1 {
		margin-top: -1px;
	}

	.xl-mt-2 {
		margin-top: -2px;
	}

	.xl-mt-3 {
		margin-top: -3px;
	}

	.xl-mt-4 {
		margin-top: -4px;
	}

	.xl-mt-5 {
		margin-top: -5px;
	}

	.xl-mt-6 {
		margin-top: -10px;
	}

	.xl-mt-7 {
		margin-top: -15px;
	}

	.xl-mt-8 {
		margin-top: -30px;
	}

	.xl-mt-9 {
		margin-top: -45px;
	}

	.xl-mt-10 {
		margin-top: -60px;
	}

	.xl-mt-11 {
		margin-top: -75px;
	}

	.xl-mt-12 {
		margin-top: -90px;
	}

	.xl-mb1 {
		margin-bottom: 1px;
	}

	.xl-mb2 {
		margin-bottom: 2px;
	}

	.xl-mb3 {
		margin-bottom: 3px;
	}

	.xl-mb4 {
		margin-bottom: 4px;
	}

	.xl-mb5 {
		margin-bottom: 5px;
	}

	.xl-mb6 {
		margin-bottom: 10px;
	}

	.xl-mb7 {
		margin-bottom: 15px;
	}

	.xl-mb8 {
		margin-bottom: 30px;
	}

	.xl-mb9 {
		margin-bottom: 45px;
	}

	.xl-mb10 {
		margin-bottom: 60px;
	}

	.xl-mb11 {
		margin-bottom: 75px;
	}

	.xl-mb12 {
		margin-bottom: 90px;
	}

	.xl-mb-1 {
		margin-bottom: -1px;
	}

	.xl-mb-2 {
		margin-bottom: -2px;
	}

	.xl-mb-3 {
		margin-bottom: -3px;
	}

	.xl-mb-4 {
		margin-bottom: -4px;
	}

	.xl-mb-5 {
		margin-bottom: -5px;
	}

	.xl-mb-6 {
		margin-bottom: -10px;
	}

	.xl-mb-7 {
		margin-bottom: -15px;
	}

	.xl-mb-8 {
		margin-bottom: -30px;
	}

	.xl-mb-9 {
		margin-bottom: -45px;
	}

	.xl-mb-10 {
		margin-bottom: -60px;
	}

	.xl-mb-11 {
		margin-bottom: -75px;
	}

	.xl-mb-12 {
		margin-bottom: -90px;
	}

	/* align */
	.xl-al {
		text-align: left;
	}

	.xl-ac {
		text-align: center;
	}

	.xl-ar {
		text-align: right;
	}
}

/* xxl */
@media only screen and (min-width:1200px) {
	.xxl-h {
		display: none !important;
	}

	/* grid-template */
	.col.xxl1 {
		grid-template-columns: 1fr;
	}

	.col.xxl2 {
		grid-template-columns: 1fr 1fr;
	}

	.col.xxl3 {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.col.xxl4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.col.xxl5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.col.xxl6 {
		grid-template-columns: repeat(6, 1fr);
	}

	.col.xxl7 {
		grid-template-columns: repeat(7, 1fr);
	}

	.col.xxl8 {
		grid-template-columns: repeat(8, 1fr);
	}

	.col.xxl9 {
		grid-template-columns: repeat(9, 1fr);
	}

	.col.xxl10 {
		grid-template-columns: repeat(10, 1fr);
	}

	.col.xxl11 {
		grid-template-columns: repeat(11, 1fr);
	}

	.col.xxl12 {
		grid-template-columns: repeat(12, 1fr);
	}

	.col.xxl13 {
		grid-template-columns: repeat(13, 1fr);
	}

	.col.xxl14 {
		grid-template-columns: repeat(14, 1fr);
	}

	.col.xxl15 {
		grid-template-columns: repeat(15, 1fr);
	}

	.col.xxl16 {
		grid-template-columns: repeat(16, 1fr);
	}

	/* column */
	.col .xxl-cs1 {
		grid-column: span 1;
	}

	.col .xxl-cs2 {
		grid-column: span 2;
	}

	.col .xxl-cs3 {
		grid-column: span 3;
	}

	.col .xxl-cs4 {
		grid-column: span 4;
	}

	.col .xxl-cs5 {
		grid-column: span 5;
	}

	.col .xxl-cs6 {
		grid-column: span 6;
	}

	.col .xxl-cs7 {
		grid-column: span 7;
	}

	.col .xxl-cs8 {
		grid-column: span 8;
	}

	.col .xxl-cs9 {
		grid-column: span 9;
	}

	.col .xxl-cs10 {
		grid-column: span 10;
	}

	.col .xxl-cs11 {
		grid-column: span 11;
	}

	.col .xxl-cs12 {
		grid-column: span 12;
	}

	.col .xxl-cs13 {
		grid-column: span 13;
	}

	.col .xxl-cs14 {
		grid-column: span 14;
	}

	.col .xxl-cs15 {
		grid-column: span 15;
	}

	.col .xxl-cs16 {
		grid-column: span 16;
	}

	/* row */
	.col .xxl-rs1 {
		grid-row: span 1;
	}

	.col .xxl-rs2 {
		grid-row: span 2;
	}

	.col .xxl-rs3 {
		grid-row: span 3;
	}

	.col .xxl-rs4 {
		grid-row: span 4;
	}

	.col .xxl-rs5 {
		grid-row: span 5;
	}

	.col .xxl-rs6 {
		grid-row: span 6;
	}

	.col .xxl-rs7 {
		grid-row: span 7;
	}

	.col .xxl-rs8 {
		grid-row: span 8;
	}

	.col .xxl-rs9 {
		grid-row: span 9;
	}

	.col .xxl-rs10 {
		grid-row: span 10;
	}

	.col .xxl-rs11 {
		grid-row: span 11;
	}

	.col .xxl-rs12 {
		grid-row: span 12;
	}

	.col .xxl-rs13 {
		grid-row: span 13;
	}

	.col .xxl-rs14 {
		grid-row: span 14;
	}

	.col .xxl-rs15 {
		grid-row: span 15;
	}

	.col .xxl-rs16 {
		grid-row: span 16;
	}

	/* order */
	.col .xxl-o1 {
		order: 1;
	}

	.col .xxl-o2 {
		order: 2;
	}

	.col .xxl-o3 {
		order: 3;
	}

	.col .xxl-o4 {
		order: 4;
	}

	.col .xxl-o5 {
		order: 5;
	}

	.col .xxl-o6 {
		order: 6;
	}

	.col .xxl-o7 {
		order: 7;
	}

	.col .xxl-o8 {
		order: 8;
	}

	.col .xxl-o9 {
		order: 9;
	}

	.col .xxl-o10 {
		order: 10;
	}

	.col .xxl-o11 {
		order: 11;
	}

	.col .xxl-o12 {
		order: 12;
	}

	.col .xxl-o13 {
		order: 13;
	}

	.col .xxl-o14 {
		order: 14;
	}

	.col .xxl-o15 {
		order: 15;
	}

	.col .xxl-o16 {
		order: 16;
	}

	/* grid-gap */
	.col.xxl-cg0 {
		grid-column-gap: 1px;
	}

	.col.xxl-cg1 {
		grid-column-gap: 15px;
	}

	.col.xxl-cg2 {
		grid-column-gap: 30px;
	}

	.col.xxl-cg3 {
		grid-column-gap: 45px;
	}

	.col.xxl-cg4 {
		grid-column-gap: 60px;
	}

	.col.xxl-cg5 {
		grid-column-gap: 75px;
	}

	.col.xxl-cg6 {
		grid-column-gap: 90px;
	}

	.col.xxl-rg0 {
		grid-row-gap: 1px;
	}

	.col.xxl-rg1 {
		grid-row-gap: 15px;
	}

	.col.xxl-rg2 {
		grid-row-gap: 30px;
	}

	.col.xxl-rg3 {
		grid-row-gap: 45px;
	}

	.col.xxl-rg4 {
		grid-row-gap: 60px;
	}

	.col.xxl-rg5 {
		grid-row-gap: 75px;
	}

	.col.xxl-rg6 {
		grid-row-gap: 90px;
	}

	/* align-items */
	.col.xxl-it {
		align-items: flex-start;
	}

	.col.xxl-ic {
		align-items: center;
	}

	.col.xxl-ib {
		align-items: flex-end;
	}

	/* justify-items */
	.col.xxl-jl {
		justify-items: flex-start;
	}

	.col.xxl-jc {
		justify-items: center;
	}

	.col.xxl-jr {
		justify-items: flex-end;
	}

	/* padding */
	.xxl-pt0 {
		padding-top: 0;
	}

	.xxl-pt1 {
		padding-top: 1px;
	}

	.xxl-pt2 {
		padding-top: 2px;
	}

	.xxl-pt3 {
		padding-top: 3px;
	}

	.xxl-pt4 {
		padding-top: 4px;
	}

	.xxl-pt5 {
		padding-top: 5px;
	}

	.xxl-pt6 {
		padding-top: 10px;
	}

	.xxl-pt7 {
		padding-top: 15px;
	}

	.xxl-pt8 {
		padding-top: 30px;
	}

	.xxl-pt9 {
		padding-top: 45px;
	}

	.xxl-pt10 {
		padding-top: 60px;
	}

	.xxl-pt11 {
		padding-top: 75px;
	}

	.xxl-pt12 {
		padding-top: 90px;
	}

	.xxl-pr0 {
		padding-right: 0;
	}

	.xxl-pr1 {
		padding-right: 1px;
	}

	.xxl-pr2 {
		padding-right: 2px;
	}

	.xxl-pr3 {
		padding-right: 3px;
	}

	.xxl-pr4 {
		padding-right: 4px;
	}

	.xxl-pr5 {
		padding-right: 5px;
	}

	.xxl-pr6 {
		padding-right: 10px;
	}

	.xxl-pr7 {
		padding-right: 15px;
	}

	.xxl-pr8 {
		padding-right: 30px;
	}

	.xxl-pr9 {
		padding-right: 45px;
	}

	.xxl-pr10 {
		padding-right: 60px;
	}

	.xxl-pr11 {
		padding-right: 75px;
	}

	.xxl-pr12 {
		padding-right: 90px;
	}

	.xxl-pb0 {
		padding-bottom: 0;
	}

	.xxl-pb1 {
		padding-bottom: 1px;
	}

	.xxl-pb2 {
		padding-bottom: 2px;
	}

	.xxl-pb3 {
		padding-bottom: 3px;
	}

	.xxl-pb4 {
		padding-bottom: 4px;
	}

	.xxl-pb5 {
		padding-bottom: 5px;
	}

	.xxl-pb6 {
		padding-bottom: 10px;
	}

	.xxl-pb7 {
		padding-bottom: 15px;
	}

	.xxl-pb8 {
		padding-bottom: 30px;
	}

	.xxl-pb9 {
		padding-bottom: 45px;
	}

	.xxl-pb10 {
		padding-bottom: 60px;
	}

	.xxl-pb11 {
		padding-bottom: 75px;
	}

	.xxl-pb12 {
		padding-bottom: 90px;
	}

	.xxl-pl0 {
		padding-left: 0;
	}

	.xxl-pl1 {
		padding-left: 1px;
	}

	.xxl-pl2 {
		padding-left: 2px;
	}

	.xxl-pl3 {
		padding-left: 3px;
	}

	.xxl-pl4 {
		padding-left: 4px;
	}

	.xxl-pl5 {
		padding-left: 5px;
	}

	.xxl-pl6 {
		padding-left: 10px;
	}

	.xxl-pl7 {
		padding-left: 15px;
	}

	.xxl-pl8 {
		padding-left: 30px;
	}

	.xxl-pl9 {
		padding-left: 45px;
	}

	.xxl-pl10 {
		padding-left: 60px;
	}

	.xxl-pl11 {
		padding-left: 75px;
	}

	.xxl-pl12 {
		padding-left: 90px;
	}

	/* margin */
	.xxl-mt1 {
		margin-top: 1px;
	}

	.xxl-mt2 {
		margin-top: 2px;
	}

	.xxl-mt3 {
		margin-top: 3px;
	}

	.xxl-mt4 {
		margin-top: 4px;
	}

	.xxl-mt5 {
		margin-top: 5px;
	}

	.xxl-mt6 {
		margin-top: 10px;
	}

	.xxl-mt7 {
		margin-top: 15px;
	}

	.xxl-mt8 {
		margin-top: 30px;
	}

	.xxl-mt9 {
		margin-top: 45px;
	}

	.xxl-mt10 {
		margin-top: 60px;
	}

	.xxl-mt11 {
		margin-top: 75px;
	}

	.xxl-mt12 {
		margin-top: 90px;
	}

	.xxl-mt-1 {
		margin-top: -1px;
	}

	.xxl-mt-2 {
		margin-top: -2px;
	}

	.xxl-mt-3 {
		margin-top: -3px;
	}

	.xxl-mt-4 {
		margin-top: -4px;
	}

	.xxl-mt-5 {
		margin-top: -5px;
	}

	.xxl-mt-6 {
		margin-top: -10px;
	}

	.xxl-mt-7 {
		margin-top: -15px;
	}

	.xxl-mt-8 {
		margin-top: -30px;
	}

	.xxl-mt-9 {
		margin-top: -45px;
	}

	.xxl-mt-10 {
		margin-top: -60px;
	}

	.xxl-mt-11 {
		margin-top: -75px;
	}

	.xxl-mt-12 {
		margin-top: -90px;
	}

	.xxl-mb1 {
		margin-bottom: 1px;
	}

	.xxl-mb2 {
		margin-bottom: 2px;
	}

	.xxl-mb3 {
		margin-bottom: 3px;
	}

	.xxl-mb4 {
		margin-bottom: 4px;
	}

	.xxl-mb5 {
		margin-bottom: 5px;
	}

	.xxl-mb6 {
		margin-bottom: 10px;
	}

	.xxl-mb7 {
		margin-bottom: 15px;
	}

	.xxl-mb8 {
		margin-bottom: 30px;
	}

	.xxl-mb9 {
		margin-bottom: 45px;
	}

	.xxl-mb10 {
		margin-bottom: 60px;
	}

	.xxl-mb11 {
		margin-bottom: 75px;
	}

	.xxl-mb12 {
		margin-bottom: 90px;
	}

	.xxl-mb-1 {
		margin-bottom: -1px;
	}

	.xxl-mb-2 {
		margin-bottom: -2px;
	}

	.xxl-mb-3 {
		margin-bottom: -3px;
	}

	.xxl-mb-4 {
		margin-bottom: -4px;
	}

	.xxl-mb-5 {
		margin-bottom: -5px;
	}

	.xxl-mb-6 {
		margin-bottom: -10px;
	}

	.xxl-mb-7 {
		margin-bottom: -15px;
	}

	.xxl-mb-8 {
		margin-bottom: -30px;
	}

	.xxl-mb-9 {
		margin-bottom: -45px;
	}

	.xxl-mb-10 {
		margin-bottom: -60px;
	}

	.xxl-mb-11 {
		margin-bottom: -75px;
	}

	.xxl-mb-12 {
		margin-bottom: -90px;
	}

	/* align */
	.xxl-al {
		text-align: left;
	}

	.xxl-ac {
		text-align: center;
	}

	.xxl-ar {
		text-align: right;
	}
}

/* END-CONTAINER */










/* RADIUS */

.r1,
.hr1:hover,
.br1 a,
.r1>img {
	border-radius: 1px !important;
}

.r2,
.hr2:hover,
.br2 a,
.r2>img {
	border-radius: 2px !important;
}

.r3,
.hr3:hover,
.br3 a,
.r3>img {
	border-radius: 3px !important;
}

.r4,
.hr4:hover,
.br4 a,
.r4>img {
	border-radius: 4px !important;
}

.r5,
.hr5:hover,
.br5 a,
.r5>img {
	border-radius: 5px !important;
}

.r6,
.hr6:hover,
.br6 a,
.r6>img {
	border-radius: 7px !important;
}

.r7,
.hr7:hover,
.br7 a,
.r7>img {
	border-radius: 10px !important;
}

.r8,
.hr8:hover,
.br8 a,
.r8>img {
	border-radius: 15px !important;
}

.r9,
.hr9:hover,
.br9 a,
.r9>img {
	border-radius: 30px !important;
}

.r10,
.hr10:hover,
.br10 a,
.r10>img {
	border-radius: 60px !important;
}

.r11,
.hr11:hover,
.br11 a,
.r11>img {
	border-radius: 100px !important;
}

.r12,
.hr12:hover,
.br12 a,
.r12>img {
	border-radius: 100% !important;
}

/* END-RADIUS */










/* REMODAL */

@media (prefers-color-scheme:light) {
	:root {
		--remodal-color-1: var(--dark-3);
		--remodal-color-2: var(--color1-1);
		--remodal-color-3: var(--light-9);
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--remodal-color-1: var(--dark-9);
		--remodal-color-2: var(--color1-1);
		--remodal-color-3: var(--light-9);
	}
}

.remodal,
.remodal a.close,
.remodal a.close:before,
.remodal a.close:after {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

html.remodal-is-locked,
.disableScroll {
	-webkit-touch-action: none;
	touch-action: none;
	height: 100% !important;
	overflow: hidden !important;
}

.remodal,
[data-remodal-id] {
	display: none;
}

.remodal-overlay,
.remodal-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: fixed;
	display: none;
}

.remodal-overlay {
	z-index: 9999;
	top: -5000px;
	right: -5000px;
	bottom: -5000px;
	left: -5000px;
	background-color: rgba(var(--remodal-color-1), .7);
}

.remodal-wrapper {
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
	padding: 15px;
}

.remodal-wrapper:after {
	content: '';
	display: inline-block;
	height: 100%;
	margin-left: 0;
}

.remodal {
	text-align: left;
	position: relative;
	outline: none;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	width: 100%;
	max-width: 1410px;
	box-sizing: border-box;
	margin-bottom: 0;
	background-color: rgb(var(--default-color-1));
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 7px;
	padding: 15px 15px;
}

@media only screen and (min-width:560px) {
	.remodal-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}

	.remodal {
		padding: 15px 30px;
	}
}

.remodal.rb {
	padding: 0
}

.remodal a.close {
	display: block;
	line-height: 0;
	width: 36px;
	height: 36px;
	position: absolute;
	right: -12px;
	top: -12px;
	z-index: 9998;
	border-radius: 50px;
	background-color: rgb(var(--default-color-1));
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);
}

.remodal a.close:before,
.remodal a.close:after {
	content: '';
	display: inline-block;
	height: 2px;
	width: 20px;
	bottom: 17px;
	left: 8px;
	background-color: rgb(var(--default-color-2));
	position: absolute;
	border-radius: 10px;
}

.remodal a.close:before {
	transform: rotate(45deg);
}

.remodal a.close:after {
	transform: rotate(-45deg);
}

.remodal a.close:hover {
	background-color: rgb(var(--remodal-color-2));
	box-shadow: 1px 3px 10px 3px rgba(var(--remodal-color-2), .2);
}

.remodal a.close:hover:before,
.remodal a.close:hover:after {
	background-color: rgb(var(--remodal-color-3));
}

.remodal a.close:hover:before {
	transform: rotate(135deg);
}

.remodal a.close:hover:after {
	transform: rotate(45deg);
}

.remodal-is-initialized {
	display: inline-block;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
	height: 100% !important;
	overflow: hidden !important;
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
	-webkit-animation-name: remodal-overlay-opening-keyframes;
	animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
	-webkit-animation-name: remodal-overlay-closing-keyframes;
	animation-name: remodal-overlay-closing-keyframes;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
	-webkit-animation-name: remodal-opening-keyframes;
	animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
	-webkit-animation-name: remodal-closing-keyframes;
	animation-name: remodal-closing-keyframes;
}

.remodal,
.remodal-wrapper:after {
	vertical-align: middle;
}

@-webkit-keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@-webkit-keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 0;
	}
}

@keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 0;
	}
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

/* END-REMODAL */










/* ACCORDION */

@media (prefers-color-scheme:light) {
	:root {
		--accordion-color-1: var(--dark-1);
		--accordion-color-2: var(--color17-1);
		--accordion-color-3: var(--light-4);
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--accordion-color-1: var(--light-8);
		--accordion-color-2: var(--color17-1);
		--accordion-color-3: var(--dark-9);
	}
}

.accordion a,
.accordion .label,
.accordion .label:after,
.accordion .label:before {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

.accordion .item {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-bottom: 2px solid rgb(var(--accordion-color-3));
}

.accordion .item:first-child {
	border-top: 2px solid rgb(var(--accordion-color-3));
}

.accordion .label {
	position: relative;
	cursor: pointer;
	padding-right: 50px;
}

.accordion .label,
.accordion .label .title {
	color: rgb(var(--accordion-color-1));
}

.accordion .label:after,
.accordion .label:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 2px;
	top: calc(50% - 1px);
	right: 0;
	background-color: rgb(var(--accordion-color-1));
}

.accordion .label:after,
.accordion .active>.label:after,
.accordion .active>.label:before {
	transform: rotate(0deg);
}

.accordion .label:before {
	transform: rotate(-90deg);
}

.accordion .active>.label,
.accordion .active>.label .title {
	color: rgb(var(--accordion-color-2));
}

.accordion .active>.label:after,
.accordion .active>.label:before {
	background-color: rgb(var(--accordion-color-2));
}

.accordion .panel {
	margin: 0;
	display: none;
}

/* END-ACCORDION */










/* IMAGE */

#pv img,
.img_bg img {
	background-color: rgb(var(--default-color-7));
}

img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	border: none;
	object-fit: contain;
}

.cover,
.image.cover img {
	background-size: cover;
	object-fit: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.image {
	width: 100%;
	display: block;
	line-height: 0 !important;
	padding: 0;
}

.image:not(.wy0) {
	position: relative;
	overflow: hidden;
}

.image:not(.wy0):before {
	content: "";
	display: block;
}

.image img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.image:not(.wy0) img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
}

/* xs */
.image.wy1:before,
.image.xs-wy1:before {
	padding-top: 12.5%;
}

.image.wy2:before,
.image.xs-wy2:before {
	padding-top: 25%;
}

.image.wy3:before,
.image.xs-wy3:before {
	padding-top: 37.5%;
}

.image.wy4:before,
.image.xs-wy4:before {
	padding-top: 50%;
}

.image.wy5:before,
.image.xs-wy5:before {
	padding-top: 62.5%;
}

.image.wy6:before,
.image.xs-wy6:before {
	padding-top: 75%;
}

.image.wy7:before,
.image.xs-wy7:before {
	padding-top: 87.5%;
}

.image:before,
.image.wy8:before,
.image.xs-wy8:before {
	padding-top: 100%;
}

.image.wy9:before,
.image.xs-wy9:before {
	padding-top: 112.5%;
}

.image.wy10:before,
.image.xs-wy10:before {
	padding-top: 125%;
}

.image.wy11:before,
.image.xs-wy11:before {
	padding-top: 137.5%;
}

.image.wy12:before,
.image.xs-wy12:before {
	padding-top: 150%;
}

.image.wy13:before,
.image.xs-wy13:before {
	padding-top: 162.5%;
}

.image.wy14:before,
.image.xs-wy14:before {
	padding-top: 175%;
}

.image.wy15:before,
.image.xs-wy15:before {
	padding-top: 187.5%;
}

.image.wy16:before,
.image.xs-wy16:before {
	padding-top: 200%;
}

.image.wp1:before,
.image.xs-wp1:before {
	padding-top: 30px;
}

.image.wp2:before,
.image.xs-wp2:before {
	padding-top: 40px;
}

.image.wp3:before,
.image.xs-wp3:before {
	padding-top: 50px;
}

.image.wp4:before,
.image.xs-wp4:before {
	padding-top: 60px;
}

.image.wp5:before,
.image.xs-wp5:before {
	padding-top: 70px;
}

.image.wp6:before,
.image.xs-wp6:before {
	padding-top: 80px;
}

.image.wp7:before,
.image.xs-wp7:before {
	padding-top: 90px;
}

.image.wp8:before,
.image.xs-wp8:before {
	padding-top: 100px;
}

.image.wp9:before,
.image.xs-wp9:before {
	padding-top: 120px;
}

.image.wp10:before,
.image.xs-wp10:before {
	padding-top: 150px;
}

.image.wp11:before,
.image.xs-wp11:before {
	padding-top: 190px;
}

.image.wp12:before,
.image.xs-wp12:before {
	padding-top: 240px;
}

.image.wp13:before,
.image.xs-wp13:before {
	padding-top: 300px;
}

.image.wp14:before,
.image.xs-wp14:before {
	padding-top: 370px;
}

.image.wp15:before,
.image.xs-wp15:before {
	padding-top: 450px;
}

.image.wp16:before,
.image.xs-wp16:before {
	padding-top: 540px;
}

.image.al img,
.image.xs-al img {
	object-position: left !important;
}

.image.ac img,
.image.xs-ac img {
	object-position: center !important;
}

.image.ar img,
.image.xs-ar img {
	object-position: right !important;
}

/* s */
@media only screen and (min-width:420px) {
	.image.s-wy1:before {
		padding-top: 12.5%;
	}

	.image.s-wy2:before {
		padding-top: 25%;
	}

	.image.s-wy3:before {
		padding-top: 37.5%;
	}

	.image.s-wy4:before {
		padding-top: 50%;
	}

	.image.s-wy5:before {
		padding-top: 62.5%;
	}

	.image.s-wy6:before {
		padding-top: 75%;
	}

	.image.s-wy7:before {
		padding-top: 87.5%;
	}

	.image.s-wy8:before {
		padding-top: 100%;
	}

	.image.s-wy9:before {
		padding-top: 112.5%;
	}

	.image.s-wy10:before {
		padding-top: 125%;
	}

	.image.s-wy11:before {
		padding-top: 137.5%;
	}

	.image.s-wy12:before {
		padding-top: 150%;
	}

	.image.s-wy13:before {
		padding-top: 162.5%;
	}

	.image.s-wy14:before {
		padding-top: 175%;
	}

	.image.s-wy15:before {
		padding-top: 187.5%;
	}

	.image.s-wy16:before {
		padding-top: 200%;
	}

	.image.s-wp1:before {
		padding-top: 30px;
	}

	.image.s-wp2:before {
		padding-top: 40px;
	}

	.image.s-wp3:before {
		padding-top: 50px;
	}

	.image.s-wp4:before {
		padding-top: 60px;
	}

	.image.s-wp5:before {
		padding-top: 70px;
	}

	.image.s-wp6:before {
		padding-top: 80px;
	}

	.image.s-wp7:before {
		padding-top: 90px;
	}

	.image.s-wp8:before {
		padding-top: 100px;
	}

	.image.s-wp9:before {
		padding-top: 120px;
	}

	.image.s-wp10:before {
		padding-top: 150px;
	}

	.image.s-wp11:before {
		padding-top: 190px;
	}

	.image.s-wp12:before {
		padding-top: 240px;
	}

	.image.s-wp13:before {
		padding-top: 300px;
	}

	.image.s-wp14:before {
		padding-top: 370px;
	}

	.image.s-wp15:before {
		padding-top: 450px;
	}

	.image.s-wp16:before {
		padding-top: 540px;
	}

	.image.s-al img {
		object-position: left !important;
	}

	.image.s-ac img {
		object-position: center !important;
	}

	.image.s-ar img {
		object-position: right !important;
	}
}

/* m */
@media only screen and (min-width:560px) {
	.image.m-wy1:before {
		padding-top: 12.5%;
	}

	.image.m-wy2:before {
		padding-top: 25%;
	}

	.image.m-wy3:before {
		padding-top: 37.5%;
	}

	.image.m-wy4:before {
		padding-top: 50%;
	}

	.image.m-wy5:before {
		padding-top: 62.5%;
	}

	.image.m-wy6:before {
		padding-top: 75%;
	}

	.image.m-wy7:before {
		padding-top: 87.5%;
	}

	.image.m-wy8:before {
		padding-top: 100%;
	}

	.image.m-wy9:before {
		padding-top: 112.5%;
	}

	.image.m-wy10:before {
		padding-top: 125%;
	}

	.image.m-wy11:before {
		padding-top: 137.5%;
	}

	.image.m-wy12:before {
		padding-top: 150%;
	}

	.image.m-wy13:before {
		padding-top: 162.5%;
	}

	.image.m-wy14:before {
		padding-top: 175%;
	}

	.image.m-wy15:before {
		padding-top: 187.5%;
	}

	.image.m-wy16:before {
		padding-top: 200%;
	}

	.image.m-wp1:before {
		padding-top: 30px;
	}

	.image.m-wp2:before {
		padding-top: 40px;
	}

	.image.m-wp3:before {
		padding-top: 50px;
	}

	.image.m-wp4:before {
		padding-top: 60px;
	}

	.image.m-wp5:before {
		padding-top: 70px;
	}

	.image.m-wp6:before {
		padding-top: 80px;
	}

	.image.m-wp7:before {
		padding-top: 90px;
	}

	.image.m-wp8:before {
		padding-top: 100px;
	}

	.image.m-wp9:before {
		padding-top: 120px;
	}

	.image.m-wp10:before {
		padding-top: 150px;
	}

	.image.m-wp11:before {
		padding-top: 190px;
	}

	.image.m-wp12:before {
		padding-top: 240px;
	}

	.image.m-wp13:before {
		padding-top: 300px;
	}

	.image.m-wp14:before {
		padding-top: 370px;
	}

	.image.m-wp15:before {
		padding-top: 450px;
	}

	.image.m-wp16:before {
		padding-top: 540px;
	}

	.image.m-al img {
		object-position: left !important;
	}

	.image.m-ac img {
		object-position: center !important;
	}

	.image.m-ar img {
		object-position: right !important;
	}
}

/* l */
@media only screen and (min-width:700px) {
	.image.l-wy1:before {
		padding-top: 12.5%;
	}

	.image.l-wy2:before {
		padding-top: 25%;
	}

	.image.l-wy3:before {
		padding-top: 37.5%;
	}

	.image.l-wy4:before {
		padding-top: 50%;
	}

	.image.l-wy5:before {
		padding-top: 62.5%;
	}

	.image.l-wy6:before {
		padding-top: 75%;
	}

	.image.l-wy7:before {
		padding-top: 87.5%;
	}

	.image.l-wy8:before {
		padding-top: 100%;
	}

	.image.l-wy9:before {
		padding-top: 112.5%;
	}

	.image.l-wy10:before {
		padding-top: 125%;
	}

	.image.l-wy11:before {
		padding-top: 137.5%;
	}

	.image.l-wy12:before {
		padding-top: 150%;
	}

	.image.l-wy13:before {
		padding-top: 162.5%;
	}

	.image.l-wy14:before {
		padding-top: 175%;
	}

	.image.l-wy15:before {
		padding-top: 187.5%;
	}

	.image.l-wy16:before {
		padding-top: 200%;
	}

	.image.l-wp1:before {
		padding-top: 30px;
	}

	.image.l-wp2:before {
		padding-top: 40px;
	}

	.image.l-wp3:before {
		padding-top: 50px;
	}

	.image.l-wp4:before {
		padding-top: 60px;
	}

	.image.l-wp5:before {
		padding-top: 70px;
	}

	.image.l-wp6:before {
		padding-top: 80px;
	}

	.image.l-wp7:before {
		padding-top: 90px;
	}

	.image.l-wp8:before {
		padding-top: 100px;
	}

	.image.l-wp9:before {
		padding-top: 120px;
	}

	.image.l-wp10:before {
		padding-top: 150px;
	}

	.image.l-wp11:before {
		padding-top: 190px;
	}

	.image.l-wp12:before {
		padding-top: 240px;
	}

	.image.l-wp13:before {
		padding-top: 300px;
	}

	.image.l-wp14:before {
		padding-top: 370px;
	}

	.image.l-wp15:before {
		padding-top: 450px;
	}

	.image.l-wp16:before {
		padding-top: 540px;
	}

	.image.l-al img {
		object-position: left !important;
	}

	.image.l-ac img {
		object-position: center !important;
	}

	.image.l-ar img {
		object-position: right !important;
	}
}

/* xl */
@media only screen and (min-width:1000px) {
	.image.xl-wy1:before {
		padding-top: 12.5%;
	}

	.image.xl-wy2:before {
		padding-top: 25%;
	}

	.image.xl-wy3:before {
		padding-top: 37.5%;
	}

	.image.xl-wy4:before {
		padding-top: 50%;
	}

	.image.xl-wy5:before {
		padding-top: 62.5%;
	}

	.image.xl-wy6:before {
		padding-top: 75%;
	}

	.image.xl-wy7:before {
		padding-top: 87.5%;
	}

	.image.xl-wy8:before {
		padding-top: 100%;
	}

	.image.xl-wy9:before {
		padding-top: 112.5%;
	}

	.image.xl-wy10:before {
		padding-top: 125%;
	}

	.image.xl-wy11:before {
		padding-top: 137.5%;
	}

	.image.xl-wy12:before {
		padding-top: 150%;
	}

	.image.xl-wy13:before {
		padding-top: 162.5%;
	}

	.image.xl-wy14:before {
		padding-top: 175%;
	}

	.image.xl-wy15:before {
		padding-top: 187.5%;
	}

	.image.xl-wy16:before {
		padding-top: 200%;
	}

	.image.xl-wp1:before {
		padding-top: 30px;
	}

	.image.xl-wp2:before {
		padding-top: 40px;
	}

	.image.xl-wp3:before {
		padding-top: 50px;
	}

	.image.xl-wp4:before {
		padding-top: 60px;
	}

	.image.xl-wp5:before {
		padding-top: 70px;
	}

	.image.xl-wp6:before {
		padding-top: 80px;
	}

	.image.xl-wp7:before {
		padding-top: 90px;
	}

	.image.xl-wp8:before {
		padding-top: 100px;
	}

	.image.xl-wp9:before {
		padding-top: 120px;
	}

	.image.xl-wp10:before {
		padding-top: 150px;
	}

	.image.xl-wp11:before {
		padding-top: 190px;
	}

	.image.xl-wp12:before {
		padding-top: 240px;
	}

	.image.xl-wp13:before {
		padding-top: 300px;
	}

	.image.xl-wp14:before {
		padding-top: 370px;
	}

	.image.xl-wp15:before {
		padding-top: 450px;
	}

	.image.xl-wp16:before {
		padding-top: 540px;
	}

	.image.xl-al img {
		object-position: left !important;
	}

	.image.xl-ac img {
		object-position: center !important;
	}

	.image.xl-ar img {
		object-position: right !important;
	}
}

/* xxl */
@media only screen and (min-width:1200px) {
	.image.xxl-wy1:before {
		padding-top: 12.5%;
	}

	.image.xxl-wy2:before {
		padding-top: 25%;
	}

	.image.xxl-wy3:before {
		padding-top: 37.5%;
	}

	.image.xxl-wy4:before {
		padding-top: 50%;
	}

	.image.xxl-wy5:before {
		padding-top: 62.5%;
	}

	.image.xxl-wy6:before {
		padding-top: 75%;
	}

	.image.xxl-wy7:before {
		padding-top: 87.5%;
	}

	.image.xxl-wy8:before {
		padding-top: 100%;
	}

	.image.xxl-wy9:before {
		padding-top: 112.5%;
	}

	.image.xxl-wy10:before {
		padding-top: 125%;
	}

	.image.xxl-wy11:before {
		padding-top: 137.5%;
	}

	.image.xxl-wy12:before {
		padding-top: 150%;
	}

	.image.xxl-wy13:before {
		padding-top: 162.5%;
	}

	.image.xxl-wy14:before {
		padding-top: 175%;
	}

	.image.xxl-wy15:before {
		padding-top: 187.5%;
	}

	.image.xxl-wy16:before {
		padding-top: 200%;
	}

	.image.xxl-wp1:before {
		padding-top: 30px;
	}

	.image.xxl-wp2:before {
		padding-top: 40px;
	}

	.image.xxl-wp3:before {
		padding-top: 50px;
	}

	.image.xxl-wp4:before {
		padding-top: 60px;
	}

	.image.xxl-wp5:before {
		padding-top: 70px;
	}

	.image.xxl-wp6:before {
		padding-top: 80px;
	}

	.image.xxl-wp7:before {
		padding-top: 90px;
	}

	.image.xxl-wp8:before {
		padding-top: 100px;
	}

	.image.xxl-wp9:before {
		padding-top: 120px;
	}

	.image.xxl-wp10:before {
		padding-top: 150px;
	}

	.image.xxl-wp11:before {
		padding-top: 190px;
	}

	.image.xxl-wp12:before {
		padding-top: 240px;
	}

	.image.xxl-wp13:before {
		padding-top: 300px;
	}

	.image.xxl-wp14:before {
		padding-top: 370px;
	}

	.image.xxl-wp15:before {
		padding-top: 450px;
	}

	.image.xxl-wp16:before {
		padding-top: 540px;
	}

	.image.xxl-al img {
		object-position: left !important;
	}

	.image.xxl-ac img {
		object-position: center !important;
	}

	.image.xxl-ar img {
		object-position: right !important;
	}
}

/* END-IMAGE */










/* GALLERY */

body.gallery_overlay_open {
	overflow: hidden;
}

.gallery .image {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
	cursor: pointer;
}

.gallery .image:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.gallery .image:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

/* overlay */

.gallery_overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100dvw;
	height: 100dvh;
	background: rgba(var(--default-color-1), .1);
	backdrop-filter: saturate(180%) blur(40px);
	-webkit-backdrop-filter: saturate(180%) blur(40px);
	z-index: 9997;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

.gallery_overlay.active {
	display: block;
	pointer-events: auto;
}

.gallery_image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	z-index: 9998;
}

/* swipe */

.gallery_swipe {
	position: absolute;
	top: 0px;
	right: 65px;
	bottom: 0;
	left: 65px;
	z-index: 9999;
	display: block;
	background: transparent;
}

/* close */

.gallery_close,
.gallery_close::after,
.gallery_close::before {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

.gallery_close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	display: block;
	cursor: pointer;
	background: rgba(var(--default-color-1), .3);
	backdrop-filter: saturate(180%) blur(40px);
	-webkit-backdrop-filter: saturate(180%) blur(40px);
	border-radius: 0 0 0 100%;
	width: 50px;
	height: 50px;
}

.gallery_close::after,
.gallery_close::before {
	position: absolute;
	content: '';
	width: 24px;
	height: 2px;
	background-color: rgb(var(--default-color-2));
	border-radius: 10px;
}

.gallery_close::after,
.gallery_close::before {
	top: 19px;
	right: 7px;
}

.gallery_close::after {
	transform: rotate(45deg);
}

.gallery_close::before {
	transform: rotate(-45deg);
}

.gallery_close:hover {
	width: 90px;
	height: 90px;
	background-color: rgb(var(--color1-1));
}

.gallery_close:hover::after,
.gallery_close:hover::before {
	width: 40px;
	height: 3px;
}

.gallery_close:hover::after,
.gallery_close:hover::before {
	transform: rotate(135deg);
	top: 35px;
	right: 15px;
}

.gallery_close:hover::after,
.gallery_close:hover::before,
.gallery_close:hover::after,
.gallery_close:hover::before {
	background-color: rgb(var(--light-9));
}

/* prev next */

.gallery_prev,
.gallery_prev::after,
.gallery_prev::before,
.gallery_next,
.gallery_next::after,
.gallery_next::before {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

.gallery_prev,
.gallery_next {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	display: block;
	cursor: pointer;
	background: rgba(var(--default-color-1), .3);
	backdrop-filter: saturate(180%) blur(40px);
	-webkit-backdrop-filter: saturate(180%) blur(40px);
	border-radius: 100%;
}

.gallery_prev:hover,
.gallery_next:hover {
	width: 60px;
	height: 60px;
	background: rgba(var(--default-color-1), .7);
}

.gallery_prev:active,
.gallery_next:active {
	-webkit-transform: translateY(calc(-50% + 2px));
	transform: translateY(calc(-50% + 2px));
}

.gallery_prev::after,
.gallery_prev::before,
.gallery_next::after,
.gallery_next::before {
	position: absolute;
	content: '';
	width: 18px;
	height: 2px;
	background-color: rgb(var(--default-color-2));
	border-radius: 10px;
}

.gallery_prev,
.gallery_prev::after,
.gallery_prev::before {
	left: 15px;
}

.gallery_next,
.gallery_next::after,
.gallery_next::before {
	right: 15px;
}

.gallery_prev::after,
.gallery_next::after {
	top: 17px;
}

.gallery_prev::before,
.gallery_next::before {
	top: 30px;
}

.gallery_next::after,
.gallery_prev::before {
	transform: rotate(54deg);
}

.gallery_prev::after,
.gallery_next::before {
	transform: rotate(-54deg);
}

.gallery_prev:hover {
	left: 10px;
}

.gallery_next:hover {
	right: 10px;
}

.gallery_prev:hover::after,
.gallery_prev:hover::before,
.gallery_next:hover::after,
.gallery_next:hover::before {
	width: 24px;
}

.gallery_prev:hover::after,
.gallery_prev:hover::before {
	left: 16px;
}

.gallery_next:hover::after,
.gallery_next:hover::before {
	right: 16px;
}

.gallery_prev:hover::after,
.gallery_next:hover::after {
	top: 21px;
}

.gallery_prev:hover::before,
.gallery_next:hover::before {
	top: 37px;
}

.gallery_next:hover::after,
.gallery_prev:hover::before {
	transform: rotate(45deg);
}

.gallery_prev:hover::after,
.gallery_next:hover::before {
	transform: rotate(-45deg);
}

/* count */

.gallery_count {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	display: block;
	padding: var(--tpb2) 15px;
	font-size: 12px;
	background: rgba(var(--default-color-1), .1);
	backdrop-filter: saturate(180%) blur(40px);
	-webkit-backdrop-filter: saturate(180%) blur(40px);
	color: rgb(var(--default-color-2));
	border-radius: 50px;
}

/* END-GALLERY */










/* YOUTUBE */

.youtube {
	position: relative;
	padding-bottom: 62.5%;
	height: 0;
	overflow: hidden;
}

.youtube iframe {
	padding: 0;
}

.youtube iframe,
.youtube object,
.youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

/* END-YOUTUBE */










/* MARKER */

@media (prefers-color-scheme:light) {
	:root {
		--marker-color-1: var(--color17-1);
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--marker-color-1: var(--color17-1);
	}
}

.marker,
.marker1,
.marker2,
.marker3 {
	display: block;
	width: 100%;
	padding: 5px 0;
}

.marker li,
.marker1 li,
.marker2 li,
.marker3 li {
	position: relative;
	padding: var(--tpb2) 0 var(--tpb2) calc(15px + .5em);
}

.marker li:before,
.marker1 li:before,
.marker2 li:before,
.marker3 li:before {
	content: '';
	display: inline-block;
	position: absolute;
	margin-left: calc(-15px - .5em);
	width: .5em;
	background-color: rgb(var(--marker-color-1));
}

.marker li:before,
.marker1 li:before {
	top: calc(var(--tpb2) + .35em);
	height: .5em;
	border-radius: 50%;
}

.marker2 li:before {
	top: calc(var(--tpb2) + .35em);
	height: .5em;
	border-radius: 0%;
}

.marker3 li:before {
	top: calc(var(--tpb2) + .55em);
	height: 2px;
	border-radius: 0%;
}

/* END-MARKER */










/* BUTTON */

@media (prefers-color-scheme:light) {
	:root {
		--button-color-1: var(--color17-1);
		--button-color-2: var(--color17-2);
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--button-color-1: var(--color17-1);
		--button-color-2: var(--color17-2);
	}
}

.button>a {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

.button {
	margin-bottom: -10px !important;
}

.button>a {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	border-radius: 0;
	resize: none;
	text-transform: none;
	text-decoration: none !important;
	background-color: rgb(var(--button-color-1));
	color: rgb(var(--light-9));
	line-height: 1.2;
	text-align: center;
	border: 2px solid transparent;
	font-weight: bold;
}

.button>a:hover {
	background-color: rgb(var(--button-color-2));
	opacity: .9;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

.button>a:active {
	background-color: rgb(var(--button-color-2));
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

/* xs */
.button.xb1>a {
	font-size: 12px;
	padding: 0.2em 1em;
}

.button.xb2>a {
	font-size: 14px;
	padding: 0.25em 1.1em;
}

.button.xb3>a {
	font-size: 16px;
	padding: 0.3em 1.2em;
}

.button.xb4>a {
	font-size: 18px;
	padding: 0.35em 1.3em;
}

.button.xb5>a {
	font-size: 20px;
	padding: 0.4em 1.4em;
}

.button.xb6>a {
	font-size: 22px;
	padding: 0.45em 1.5em;
}

.button.al>a,
.button.xs-al>a {
	margin: 0 10px 10px 0;
}

.button.ac>a,
.button.xs-ac>a {
	margin: 0 5px 10px 5px;
}

.button.ar>a,
.button.xs-ar>a {
	margin: 0 0 10px 10px;
}

/* s */
@media only screen and (min-width:420px) {
	.button.xb1>a {
		font-size: 12px;
		padding: 0.2em 1.2em;
	}

	.button.xb2>a {
		font-size: 14px;
		padding: 0.25em 1.3em;
	}

	.button.xb3>a {
		font-size: 16px;
		padding: 0.3em 1.4em;
	}

	.button.xb4>a {
		font-size: 18px;
		padding: 0.35em 1.5em;
	}

	.button.xb5>a {
		font-size: 20px;
		padding: 0.4em 1.6em;
	}

	.button.xb6>a {
		font-size: 22px;
		padding: 0.45em 1.7em;
	}

	.button.s-al>a {
		margin: 0 10px 10px 0;
	}

	.button.s-ac>a {
		margin: 0 5px 10px 5px;
	}

	.button.s-ar>a {
		margin: 0 0 10px 10px;
	}
}

/* m */
@media only screen and (min-width:560px) {
	.button.xb1>a {
		font-size: 12px;
		padding: 0.3em 1.4em;
	}

	.button.xb2>a {
		font-size: 14px;
		padding: 0.35em 1.5em;
	}

	.button.xb3>a {
		font-size: 16px;
		padding: 0.4em 1.6em;
	}

	.button.xb4>a {
		font-size: 18px;
		padding: 0.45em 1.7em;
	}

	.button.xb5>a {
		font-size: 20px;
		padding: 0.5em 1.8em;
	}

	.button.xb6>a {
		font-size: 22px;
		padding: 0.55em 1.9em;
	}

	.button.m-al>a {
		margin: 0 10px 10px 0;
	}

	.button.m-ac>a {
		margin: 0 5px 10px 5px;
	}

	.button.m-ar>a {
		margin: 0 0 10px 10px;
	}
}

/* l */
@media only screen and (min-width:700px) {
	.button.xb1>a {
		font-size: 12px;
		padding: 0.3em 1.6em;
	}

	.button.xb2>a {
		font-size: 14px;
		padding: 0.35em 1.7em;
	}

	.button.xb3>a {
		font-size: 16px;
		padding: 0.4em 1.8em;
	}

	.button.xb4>a {
		font-size: 18px;
		padding: 0.45em 1.9em;
	}

	.button.xb5>a {
		font-size: 20px;
		padding: 0.5em 2em;
	}

	.button.xb6>a {
		font-size: 22px;
		padding: 0.55em 2.1em;
	}

	.button.l-al>a {
		margin: 0 10px 10px 0;
	}

	.button.l-ac>a {
		margin: 0 5px 10px 5px;
	}

	.button.l-ar>a {
		margin: 0 0 10px 10px;
	}
}

/* xl */
@media only screen and (min-width:1000px) {
	.button.xb1>a {
		font-size: 12px;
		padding: 0.4em 1.8em;
	}

	.button.xb2>a {
		font-size: 14px;
		padding: 0.45em 1.9em;
	}

	.button.xb3>a {
		font-size: 16px;
		padding: 0.5em 2em;
	}

	.button.xb4>a {
		font-size: 18px;
		padding: 0.55em 2.1em;
	}

	.button.xb5>a {
		font-size: 20px;
		padding: 0.6em 2.2em;
	}

	.button.xb6>a {
		font-size: 22px;
		padding: 0.65em 2.3em;
	}

	.button.xl-al>a {
		margin: 0 10px 10px 0;
	}

	.button.xl-ac>a {
		margin: 0 5px 10px 5px;
	}

	.button.xl-ar>a {
		margin: 0 0 10px 10px;
	}
}

/* xxl */
@media only screen and (min-width:1200px) {
	.button.xb1>a {
		font-size: 12px;
		padding: 0.4em 2em;
	}

	.button.xb2>a {
		font-size: 14px;
		padding: 0.45em 2.1em;
	}

	.button.xb3>a {
		font-size: 16px;
		padding: 0.5em 2.2em;
	}

	.button.xb4>a {
		font-size: 18px;
		padding: 0.55em 2.3em;
	}

	.button.xb5>a {
		font-size: 20px;
		padding: 0.6em 2.4em;
	}

	.button.xb6>a {
		font-size: 22px;
		padding: 0.65em 2.5em;
	}

	.button.xxl-al>a {
		margin: 0 10px 10px 0;
	}

	.button.xxl-ac>a {
		margin: 0 5px 10px 5px;
	}

	.button.xxl-ar>a {
		margin: 0 0 10px 10px;
	}
}

.admin_btn_del {
	background-color: rgb(var(--default-color-4)) !important;
	color: rgb(var(--default-color-1)) !important;
	border-color: rgb(var(--default-color-2)) !important;
}

.btn_width input[type="submit"],
.btn_width input[type="button"],
.btn_width input[type="reset"] {
	display: block !important;
	width: 100% !important;
	margin-right: 0 !important;
}

/* END-BUTTON */










/* FORM */

@media (prefers-color-scheme:light) {
	:root {
		--form-color-1: var(--text-3);
		--form-color-2: var(--text-0);
		--form-color-3: var(--light-3);
		--form-color-4: var(--text-9);
		--form-color-5: var(--light-7);
		--form-color-6: var(--light-8);
		--form-color-7: var(--color17-1);
		--form-color-8: var(--color17-2);
		--form-color-9: var(--color1-1);
		--form-color-10: var(--color4-1);
		--form-color-11: var(--color13-1);
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--form-color-1: var(--text-7);
		--form-color-2: var(--text-9);
		--form-color-3: var(--dark-9);
		--form-color-4: var(--text-0);
		--form-color-5: var(--dark-8);
		--form-color-6: var(--dark-9);
		--form-color-7: var(--color17-1);
		--form-color-8: var(--color17-2);
		--form-color-9: var(--color1-1);
		--form-color-10: var(--color4-1);
		--form-color-11: var(--color13-1);
	}
}

form .toolbar svg,
form .toolbar path,
form input:not([type="hidden"]),
form textarea,
form select,
form input[type=range]::-webkit-slider-runnable-track,
form input[type=range]::-webkit-slider-thumb,
form input[type=checkbox]:after,
form input[type=radio]:after,
form .form_radio_image label,
form input[type=file]:after {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

form {
	display: block;
	padding: 0 !important;
}

form .form_item,
form fieldset .form_item {
	display: block;
	line-height: 0;
	padding-top: 10px;
	padding-bottom: 15px;
}

/* fieldset */
form fieldset {
	display: block;
	background-color: transparent;
	border: 1px solid rgb(var(--form-color-3));
	border-radius: 15px;
	padding: 5px 15px 15px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

form legend {
	display: block;
	background-color: rgb(var(--form-color-3));
	color: rgb(var(--form-color-1));
	border-radius: 15px;
	padding: var(--tpb1) 15px;
}

/* label */
form label {
	display: block;
	font-size: 14px;
	padding: var(--tpb1) 0;
	font-weight: normal;
	color: rgb(var(--form-color-1));
}

form .form_item:not(.checkbox, .radio, .color) label {
	margin-bottom: 5px;
}

/* input */
form input:not([type="range"], [type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="submit"], [type="button"], [type="reset"], [type="hidden"]),
form textarea,
form select {
	display: block;
	width: 100%;
	height: 46px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	resize: none;
	text-transform: none;
	text-decoration: none;
	font-size: 16px;
	padding: var(--tpb3) 15px;
	border: 2px solid rgb(var(--form-color-3));
	border-radius: 5px;
	background-color: rgb(var(--form-color-5));
	color: rgb(var(--form-color-1));
}

form input::placeholder,
form textarea::placeholder,
form select::placeholder {
	color: rgb(var(--form-color-1));
}

form textarea {
	height: 100px;
}

form textarea.resize:focus {
	height: 200px;
}

form input:not([type="range"], [type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="submit"], [type="button"], [type="reset"], [type="hidden"]):hover,
form textarea:hover,
form select:hover {
	border: 2px solid rgb(var(--form-color-4));
	background-color: rgb(var(--form-color-6));
	color: rgb(var(--form-color-2));
}

form input:not([type="range"], [type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="submit"], [type="button"], [type="reset"], [type="hidden"]):focus,
form textarea:focus,
form select:focus {
	border: 2px solid rgb(var(--form-color-7));
	background-color: rgb(var(--form-color-6));
	color: rgb(var(--form-color-2));
	box-shadow: 0 0 0 3px rgba(var(--form-color-7), .2);
}

form input:not([type="range"], [type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="submit"], [type="button"], [type="reset"], [type="hidden"]):disabled,
form textarea:disabled,
form select:disabled {
	border: 2px solid rgb(var(--form-color-3));
	background-color: rgb(var(--form-color-3));
	color: rgb(var(--form-color-1));
}

/* editor */
form .toolbar {
	display: grid;
	align-items: flex-start;
	grid-template-columns: repeat(auto-fill, 26px);
	grid-gap: 10px;
	background-color: rgb(var(--form-color-3));
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}

form .toolbar svg {
	display: block;
	height: 26px;
	width: 26px;
	background-color: rgb(var(--form-color-5));
	border: 1px solid rgb(var(--form-color-6));
	padding: 3px;
	border-radius: 5px;
	line-height: 0;
}

form .toolbar div:hover svg {
	background-color: rgb(var(--form-color-7));
	border: 1px solid rgb(var(--form-color-7));
}

form .toolbar svg:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	background-color: rgb(var(--form-color-3));
	cursor: pointer;
}

form .toolbar svg:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

form .toolbar path {
	fill: rgb(var(--form-color-2));
	fill-rule: evenodd;
	opacity: 1;
	stroke: none;
}

form .toolbar div:hover path {
	fill: rgb(var(--light-9));
}

form .editor {
	min-height: 300px;
}

/* range */
form input[type=range] {
	width: 100%;
	margin: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

form input[type=range]:focus {
	outline: none;
}

form input[type=range]::-webkit-slider-runnable-track {
	margin: 7px 0;
	background-color: rgb(var(--form-color-3));
	border-radius: 50px;
	border: none;
	width: 100%;
	height: 6px;
	cursor: pointer;
}

form input[type=range]:hover::-webkit-slider-runnable-track {
	background-color: rgb(var(--form-color-4));
}

form input[type=range]::-webkit-slider-thumb {
	margin-top: -7px;
	width: 20px;
	height: 20px;
	background-color: rgb(var(--form-color-1));
	box-shadow: 0 0 0 0 rgb(var(--form-color-1));
	border: none;
	border-radius: 50px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

form input[type=range]:hover::-webkit-slider-thumb {
	background-color: rgb(var(--form-color-7));
	-webkit-box-shadow: 0 0 0 3px rgb(var(--form-color-7));
	box-shadow: 0 0 0 3px rgb(var(--form-color-7));
}

form input[type=range]::-moz-range-track {
	background-color: rgb(var(--form-color-1));
	border: none;
	border-radius: 50px;
	width: 100%;
	height: 5px;
	cursor: pointer;
	-moz-transition: all .3s ease 0s !important;
	transition: all .3s ease 0s !important;
}

form input[type=range]:hover::-moz-range-track {
	background-color: rgb(var(--form-color-7));
}

form input[type=range]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background-color: rgb(var(--form-color-1));
	-moz-box-shadow: 0 0 0 0 rgb(var(--form-color-1));
	box-shadow: 0 0 0 0 rgb(var(--form-color-1));
	border: none;
	border-radius: 50px;
	cursor: pointer;
	-moz-transition: var(--anim) !important;
	transition: var(--anim) !important;
}

form input[type=range]:hover::-moz-range-thumb {
	background-color: rgb(var(--form-color-7));
	-moz-box-shadow: 0 0 0 3px rgb(var(--form-color-7));
	box-shadow: 0 0 0 3px rgb(var(--form-color-7));
}

/* checked */
form .checkbox,
form .radio,
form .color {
	display: block;
	line-height: 0 !important;
	padding: 15px 0 10px 0 !important;
}

form .checkbox>div,
form .radio>div,
form .color>div {
	display: inline-block;
	padding-right: 15px;
}

form .checkbox.block>div,
form .radio.block>div,
form .color.block>div {
	display: block !important;
	padding: 0 !important;
}

form .checkbox div>div,
form .radio div>div,
form .color div>div {
	display: grid;
	align-items: center;
	grid-template-columns: 20px 1fr;
	grid-gap: 10px;
	padding-bottom: 5px;
}

form .checkbox.right div>div,
form .radio.right div>div,
form .color.right div>div {
	grid-template-columns: 1fr 20px !important;
}

form .checkbox input,
form .radio input,
form .color input {
	line-height: 0;
}

form .checkbox label,
form .radio label,
form .color label {
	display: block;
	padding: var(--tpb1) 0;
	cursor: pointer;
}

form input[type=checkbox],
form input[type=radio],
form input[type="color"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 20px;
	width: 20px;
	outline: none;
	display: block;
	margin: 0;
	cursor: pointer;
}

form input[type=checkbox],
form input[type=radio] {
	position: relative;
	background-color: rgb(var(--form-color-5));
	border: 1px solid rgb(var(--form-color-3));
}

form input[type=checkbox]:after,
form input[type=radio]:after {
	content: '';
	display: block;
	position: absolute;
}

form input[type=checkbox]:checked,
form input[type=radio]:checked {
	background-color: rgb(var(--form-color-7));
	border: 1px solid rgb(var(--form-color-7));
}

form input[type=checkbox]:disabled,
form input[type=radio]:disabled {
	background-color: rgb(var(--form-color-3));
	border: 1px solid rgb(var(--form-color-3));
}

form input[type=checkbox]:disabled:checked,
form input[type=radio]:disabled:checked {
	background-color: rgb(var(--form-color-1));
	border: 1px solid rgb(var(--form-color-1));
}

form input[type=checkbox]:hover:not(:disabled),
form input[type=radio]:hover:not(:disabled) {
	box-shadow: 0 0 0 3px rgba(var(--form-color-3), .7);
}

form input[type=checkbox] {
	border-radius: 3px;
}

form input[type=checkbox]:after {
	width: 6px;
	height: 10px;
	background-color: transparent;
	border: 2px solid transparent;
	border-top: 0 !important;
	border-left: 0 !important;
	left: 6px;
	top: 3px;
	transform: rotate(-45deg);
}

form input[type=checkbox]:checked:after {
	border: 2px solid rgb(var(--light-9));
	transform: rotate(45deg);
}

form input[type=radio],
form input[type=radio]:after {
	border-radius: 50%;
}

form input[type=radio]:after {
	width: 8px;
	height: 8px;
	left: 5px;
	top: 5px;
}

form input[type=radio]:checked:after {
	background-color: rgb(var(--light-9));
}

/* radio_image */
form .form_radio_image {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(94px, 1fr));
	align-items: flex-start;
	grid-gap: 15px;
	padding-top: 15px;
}

form .form_radio_image div>div,
form .form_radio_image label,
form .form_radio_image label::before {
	display: block;
}

form .form_radio_image input {
	display: none;
}

form .form_radio_image label {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-size: cover;
	object-fit: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	border: 2px solid rgb(var(--form-color-3));
}

form .form_radio_image label::before {
	content: "";
	padding-top: 40%;
}

form .form_radio_image input+label:hover {
	border: 2px solid rgb(var(--form-color-4));
}

form .form_radio_image input:checked+label {
	border: 2px solid rgb(var(--form-color-7));
}

form .form_radio_image p {
	font-size: 12px;
	padding-top: var(--tpb1);
}

/* color */
form input[type="color"],
form input[type="color"]::-webkit-color-swatch-wrapper,
form input[type="color"]::-webkit-color-swatch {
	border: none;
	padding: 0;
	border-radius: 3px;
}

form input[type="color"]::-moz-color-swatch {
	border: none;
	padding: 0;
	border-radius: 3px;
}

/* file */
form .file {
	padding-top: 15px;
}

form input[type=file] {
	display: block;
	position: relative;
	width: 100%;
	height: 46px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	resize: none;
	text-transform: none;
	text-decoration: none;
	font-size: 16px;
	z-index: 1;
}

form input[type=file]:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

form input[type=file]:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

form input[type=file]::-ms-browse {
	width: 46px;
	height: 46px;
	border: none;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	color: transparent;
	font-size: 16px;
	z-index: 1;
}

form input[type=file]::-webkit-file-upload-button {
	width: 46px;
	height: 46px;
	border: none;
	border-radius: 0;
	background-color: transparent;
	color: transparent;
	font-size: 16px;
	align-items: center;
	text-align: left;
	cursor: pointer;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	z-index: 1;
}

form input[type=file]::file-selector-button {
	width: 46px;
	height: 46px;
	padding: 0;
	background-color: rgb(var(--form-color-7));
	background-image: url(/img/default/upload.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: transparent;
	border: 1px solid rgb(var(--form-color-7));
	border-radius: 5px;
	font-size: 16px;
	z-index: 1;
}

form input[type=file]::after {
	display: block;
	position: absolute;
	content: '';
	width: 46px;
	height: 46px;
	background-color: rgb(var(--form-color-7));
	background-image: url(/img/default/upload.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgb(var(--form-color-7));
	border-radius: 5px;
	top: 0;
	left: 0;
	z-index: 2;
}

form input[type=file]::file-selector-button:hover {
	background-color: rgb(var(--form-color-8));
	border: 1px solid rgb(var(--form-color-8));
}

form input[type=file]:hover::after {
	background-color: rgb(var(--form-color-8));
	border: 1px solid rgb(var(--form-color-8));
}

/* button */
form .button {
	padding: 15px 0 5px 0 !important;
	text-align: left;
	margin-bottom: 0 !important;
}

form .button.right {
	text-align: right;
}

form input[type="submit"],
form input[type="button"],
form input[type="reset"] {
	display: block;
	width: 100%;
	height: 46px;
	margin-top: 0 !important;
	margin-right: 0;
	margin-bottom: 10px !important;
	margin-left: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	resize: none;
	text-transform: none;
	text-decoration: none !important;
	font-size: 16px;
	padding: var(--tpb3) 30px;
	line-height: 1.2;
	text-align: center;
	border-radius: 5px;
}

form input[type="submit"],
form input[type="button"] {
	border: 2px solid rgb(var(--form-color-7));
	background-color: rgb(var(--form-color-7));
	color: rgb(var(--light-9));
	font-weight: bold;
}

form input[type="reset"] {
	border: 2px solid rgb(var(--form-color-3));
	background-color: rgb(var(--form-color-5));
	color: rgb(var(--form-color-1));
}

@media only screen and (min-width:420px) {

	form input[type="submit"],
	form input[type="button"],
	form input[type="reset"] {
		display: inline-block;
		width: auto !important;
		margin-right: 10px;
		margin-left: 0;
	}

	form .right input[type="submit"],
	form .right input[type="button"],
	form .right input[type="reset"] {
		margin-right: 0;
		margin-left: 10px !important;
	}
}

form input[type="submit"]:hover,
form input[type="button"]:hover {
	border: 2px solid rgb(var(--form-color-8));
	background-color: rgb(var(--form-color-8));
}

form input[type="reset"]:hover {
	border: 2px solid rgb(var(--form-color-4));
	background-color: rgb(var(--form-color-5));
	color: rgb(var(--form-color-2));
}

form input[type="submit"]:hover,
form input[type="button"]:hover,
form input[type="reset"]:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

form input[type="submit"]:active,
form input[type="button"]:active,
form input[type="reset"]:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

form input[type="submit"]:disabled,
form input[type="button"]:disabled {
	border: 2px solid rgb(var(--form-color-1));
	background-color: rgb(var(--form-color-1));
}

form input[type="reset"]:disabled {
	border: 2px solid rgb(var(--form-color-3));
	background-color: rgb(var(--form-color-3));
	color: rgb(var(--form-color-1));
}

form .btn_add,
form .btn_del {
	grid-template-columns: 1fr max-content;
	grid-column-gap: 30px;
}

form .btn_add .add,
form .btn_del .delete {
	text-align: right;
}

form .btn_add .add {
	color: rgb(var(--color17-1));
}

form .btn_del .delete {
	color: rgb(var(--color1-1));
}

/* msg */
form .error .msg {
	display: inline-block !important;
	width: auto !important;
	line-height: 1.2 !important;
	font-size: 12px !important;
	padding: var(--tpb1) 10px;
	border-radius: 3px;
	background-color: rgba(var(--form-color-9), .1);
	margin-top: 10px;
}

form .error label,
form .error .msg,
form .error input::placeholder,
form .error textarea::placeholder,
form .error select::placeholder {
	color: rgb(var(--form-color-9));
}

form .error input:not([type="range"], [type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="submit"], [type="button"], [type="reset"], [type="hidden"]),
form .error textarea,
form .error select {
	border: 2px solid rgb(var(--form-color-9));
	background-color: rgba(var(--form-color-9), .01);
	color: rgb(var(--form-color-9));
}

form .error input:not([type="range"], [type="checkbox"], [type="radio"], [type="color"], [type="file"], [type="submit"], [type="button"], [type="reset"], [type="hidden"]):focus,
form .error textarea:focus,
form .error select:focus {
	box-shadow: 0 0 0 3px rgba(var(--form-color-9), .1);
}

form .msg_ok,
form .msg_send,
form .msg_error {
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 15px 0 !important;
	color: rgb(var(--light-9));
}

form .msg_ok {
	background-color: rgb(var(--form-color-11));
}

form .msg_send {
	background-color: rgb(var(--form-color-10));
}

form .msg_error {
	background-color: rgb(var(--form-color-9));
}

/* login */
#login {
	margin: 100px auto;
	max-width: 500px;
	border-radius: 15px;
	border: 2px solid rgb(var(--form-color-3));
	padding: 15px 30px;
}

#login .link a {
	margin-right: 15px;
}

#login .link a:last-child {
	margin-right: 0;
}

/* END-FORM */










/* JITTERY */

@keyframes jittery {

	5%,
	50% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.9);
	}

	15% {
		transform: scale(1.15);
	}

	20% {
		transform: scale(1.15)rotate(-5deg);
	}

	25% {
		transform: scale(1.15)rotate(5deg);
	}

	30% {
		transform: scale(1.15)rotate(-3deg);
	}

	35% {
		transform: scale(1.15)rotate(2deg);
	}

	40% {
		transform: scale(1.15)rotate(0);
	}
}

/* END-JITTERY */










/* ADMIN EDIT */

.adm_edit {
	position: relative;
}

.adm_edit .adm_up,
.adm_edit .adm_down,
.adm_edit .adm_delete {
	position: absolute;
	display: inline-block;
	width: 19px !important;
	height: 19px !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 9;
}

.adm_edit .adm_up input[type="submit"],
.adm_edit .adm_down input[type="submit"],
.adm_edit .adm_delete input[type="submit"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	appearance: none;
	border-radius: 100%;
	border: none !important;
	cursor: pointer;
	direction: ltr;
	display: block;
	font-family: 'Material Icons';
	font-feature-settings: 'liga';
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	width: 19px !important;
	height: 19px !important;
	letter-spacing: normal;
	line-height: 1;
	margin: 0 !important;
	padding: 0 !important;
	resize: none;
	text-align: center;
	text-decoration: none !important;
	text-rendering: optimizeLegibility;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	background-color: rgba(var(--default-color-1), .7) !important;
	-webkit-backdrop-filter: saturate(180%) blur(10px) !important;
	backdrop-filter: saturate(180%) blur(10px) !important;
	box-shadow: 0 1px 3px rgba(var(--dark-3), .1) !important;
	color: rgba(var(--default-color-3), .7);
}

.adm_edit .adm_delete input[type="submit"]:hover {
	background-color: rgb(var(--color1-1)) !important;
	color: rgb(var(--light-9));
}

.adm_edit .adm_up input[type="submit"]:hover,
.adm_edit .adm_down input[type="submit"]:hover {
	background-color: rgb(var(--color17-1)) !important;
	color: rgb(var(--light-9));
}

.image.adm_edit .adm_delete {
	right: 3px;
	top: 3px;
}

.image.adm_edit .adm_up {
	left: 3px;
	top: 3px;
}

.image.adm_edit .adm_down {
	left: 25px;
	top: 3px;
}

.image.adm_edit:first-of-type .adm_up,
.image.adm_edit:last-of-type .adm_down {
	display: none;
}

.image.adm_edit:first-of-type .adm_down {
	left: 3px;
	top: 3px;
}

/* END-ADMIN EDIT */










/* ADMIN PANEL */

@media (prefers-color-scheme:light) {
	:root {
		--panel-color-1: var(--light-6);
		--panel-color-2: var(--light-9);
		--panel-color-3: var(--color1-1);
	}
}

@media (prefers-color-scheme:dark) {
	:root {
		--panel-color-1: var(--dark-6);
		--panel-color-2: var(--light-9);
		--panel-color-3: var(--color1-1);
	}
}

#admin_panel a,
#admin_panel a icon {
	-webkit-transition: var(--anim);
	-moz-transition: var(--anim);
	transition: var(--anim);
}

#admin_panel.sticky {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
}

#admin_panel {
	display: block;
	z-index: 9996;
	background: rgba(var(--default-color-1), .1);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}

#admin_panel .panel {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 38px;
	grid-column-gap: 0;
	padding: 10px 10px 5px 10px;
}

#admin_panel li {
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 7px;
	background: rgba(var(--default-color-1), .1);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}

#admin_panel li {
	display: inline-block;
	line-height: 0;
}

#admin_panel a {
	display: grid;
	align-items: center;
	grid-template-columns: 34px max-content;
	grid-gap: 0;
	line-height: 0;
	background: rgba(var(--panel-color-1), .7);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	color: rgb(var(--default-color-3));
	border-radius: 5px;
	text-decoration: none;
}

#admin_panel ul li:last-child {
	margin-right: 0 !important;
}

#admin_panel a icon {
	display: grid;
	align-items: center;
	justify-items: center;
	text-decoration: none;
	font-size: 18px !important;
	color: rgb(var(--default-color-2));
	height: 34px !important;
	width: 34px !important;
}

#admin_panel a span {
	display: block;
	line-height: 1.2;
	font-size: 14px;
	padding: var(--tpb1) 10px var(--tpb1) 0 !important;
}

#admin_panel a:hover {
	color: rgb(var(--panel-color-2));
	background-color: rgb(var(--default-color-4));
}

#admin_panel a:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

#admin_panel a:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

#admin_panel a:hover icon {
	color: rgb(var(--panel-color-2));
}

#admin_panel a.logout {
	background-color: rgba(var(--panel-color-3), .1);
}

#admin_panel a.logout:hover {
	background-color: rgb(var(--panel-color-3));
}

/* END-ADMIN PANEL */










@media only screen and (min-width:420px) {}

@media only screen and (min-width:560px) {}

@media only screen and (min-width:700px) {}

@media only screen and (min-width:1000px) {}

@media only screen and (min-width:1200px) {}