/*ROOT*/
:root {	
	--opacity_xl: 0.2;
	--opacity_l: 0.5;
	--opacity: 0.8;
	
	
	--color_black_100: rgb(0, 0, 0); /*#000000*/
	--color_black_90: rgb(25, 25, 25); /*#191919*/
	--color_black_10: rgb(229, 229, 229); /*#E5E5E5*/
	
	--color_white_100: rgb(255, 255, 255);/*ffffff*/
	--color_white_60_opacity: rgba(255, 255, 255, 0.6);
	
	--color_grey_100: rgb(102, 102, 102);/*#666666*/
	--color_grey_90: rgb(117, 117, 117);/*#757575*/
	--color_grey_70: rgb(148, 148, 148);/*#949494*/
	--color_grey_20: rgb(224, 224, 224);/*#E0E0E0*/
	--color_grey_15: rgb(232, 232, 232);/*#E8E8E8*/
	--color_grey_10: rgb(239, 239, 239);/*#EFEFEF*/
	--color_grey_5: rgb(247, 247, 247);/*#F7F7F7*/
	--color_grey_10_opacity: rgba(102, 102, 102, 0.1);
	
	--color_greenblue_100: rgb(0, 153, 153);/*#009999*/
	--color_greenblue_90: rgb(25, 163, 163);/*#19a3a3*/
	--color_greenblue_10: rgb(230, 245, 245);/*#e6f5f5*/
	--color_greenblue_10_opacity: rgba(0, 153, 153, 0.1);
	
	--color_red_100: rgb(244, 69, 69);/*#f44545*/
	--color_red_90: rgb(245, 88, 88);/*#f55858*/
	--color_red_10: rgb(254, 236, 236);/*#feecec*/
	--color_red_10_opacity: rgba(244, 69, 69, 0.1);
	
	--color_blue_100: rgb(0, 162, 226);/*#00a2e2*/
	--color_blue_90: rgb(25, 171, 229);/*#19abe5*/
	--color_blue_10: rgb(230, 246, 252);/*#e6f6fc*/
	
	--color_green_100: rgb(17, 172, 112);/*#11AC70*/
	--color_green_90: rgb(41, 180, 126);/*#29b47e*/
	--color_green_10: rgb(231, 247, 241);/*#e7f7f1*/
	
	--color_brown_100: rgb(94, 80, 63); /*#5E503F*/
	--color_brown_90: rgb(110, 97, 82); /*#6E6152*/
	--color_brown_10: rgb(239, 237, 235); /*#EFEDEB*/
	
	--color_violet_100: rgb(111, 45, 189); /*#6F2DBD*/
	--color_violet_90: rgb(125, 66, 195); /*#7D42C3*/
	--color_violet_10: rgb(240, 234, 248); /*#F0EAF8*/
	
	--color_orange_100: rgb(255, 103, 0); /*FF6700*/
	--color_orange_90: rgb(255, 104, 2); /*#FF6802*/
	--color_orange_10: rgb(255, 227, 206); /*#FFE3CE*/
	
	
	--font-family: 'Comfortaa', sans-serif;
	
	
	--font-size_base: 16px;
	--line-height_base: calc(var(--font-size_base) * 1.618); /*scale = 1.618*/ 
	
	--border-size_base: 2px; 
	
	--blur: calc(var(--font-size_base) / 4);
	
	
	/*fibonachi*/
	--indent_3xl: calc((var(--font-size_base) + var(--line-height_base) + var(--line-height_base)) + (var(--font-size_base) + var(--line-height_base)));
	
	--indent_2xl-3xl: calc((((var(--font-size_base) + var(--line-height_base) + var(--line-height_base)) + (var(--font-size_base) + var(--line-height_base))) + (var(--font-size_base) + var(--line-height_base) + var(--line-height_base))) / 2);
	
	--indent_2xl: calc(var(--font-size_base) + var(--line-height_base) + var(--line-height_base)); 
	
	--indent_xl-2xl: calc(((var(--font-size_base) + var(--line-height_base) + var(--line-height_base)) + (var(--font-size_base) + var(--line-height_base))) / 2);
	
	--indent_xl: calc(var(--font-size_base) + var(--line-height_base)); 
	
	--indent_l-xl: calc((var(--font-size_base) + var(--line-height_base) + var(--line-height_base)) / 2);
	
	--indent_l: var(--line-height_base);  
	
	--indent_m-l: calc((var(--font-size_base) + var(--line-height_base)) / 2); 
	
	--indent: var(--font-size_base);
	
	--indent_s-m: calc(((var(--line-height_base) - var(--font-size_base)) + var(--font-size_base)) / 2); 
	
	--indent_s: calc(var(--line-height_base) - var(--font-size_base)); 
	
	--indent_xs-s: calc(((var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))) +  (var(--line-height_base) - var(--font-size_base))) / 2);
	
	--indent_xs: calc(var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))); 
	
	--indent_2xs-xs: calc((((var(--line-height_base) - var(--font-size_base)) - (var(--font-size_base) - (var(--line-height_base) - var(--font-size_base)))) + (var(--font-size_base) - (var(--line-height_base) - var(--font-size_base)))) / 2);
	
	--indent_2xs: calc((var(--line-height_base) - var(--font-size_base)) - (var(--font-size_base) - (var(--line-height_base) - var(--font-size_base)))); 
	
	--indent_3xs-2xs: calc((((var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))) - ((var(--line-height_base) - var(--font-size_base)) - (var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))))) + ((var(--line-height_base) - var(--font-size_base)) - (var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))))) / 2); 
	
	--indent_3xs: calc((var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))) - ((var(--line-height_base) - var(--font-size_base)) - (var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))))); 
	
	
	/*fibonachi -- 18 and 29 + middle ((18 + 29) / 2)*/
	--font-size_l-xl: calc((var(--font-size_base) + var(--line-height_base) + var(--line-height_base)) / 2);  
	--line-height_l-xl: calc(var(--font-size_l-xl) + var(--indent_s));
	
	--font-size_l: var(--line-height_base);  
	--line-height_l: calc(var(--font-size_l) + var(--indent_s)); 
	
	--font-size_m-l: calc((var(--font-size_base) + var(--line-height_base)) / 2); 
	--line-height_m-l: calc(var(--font-size_m-l) + var(--indent_s));
	
	--font-size: var(--font-size_base); 
	--line-height: var(--line-height_base);
	
	--font-size_s-m: calc(((var(--line-height_base) - var(--font-size_base)) + var(--font-size_base)) / 2); 
	--line-height_s-m: calc(var(--font-size_s-m) + var(--indent_s));
	
	--font-size_s: calc(var(--line-height_base) - var(--font-size_base)); 
	--line-height_s: calc(var(--font-size_s) + var(--indent_s)); 
	
	--font-size_xs-s: calc(((var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))) +  (var(--line-height_base) - var(--font-size_base))) / 2); 
	--line-height_xs-s: calc(var(--font-size_xs-s) + var(--indent_s));
	
	--font-size_xs: calc(var(--font-size_base) - (var(--line-height_base) - var(--font-size_base))); 
	--line-height_xs: calc(var(--font-size_xs) + var(--indent_s));
	
	
	--margin-line-height-correction: calc(((var(--line-height) - var(--font-size)) / 2) * -1) 0px; 
	--margin-line-height-correction_crutch: calc(((var(--line-height) - var(--font-size)) / 2) * -1);
	
	
	--font-weight_l: 700;
	--font-weight: 400;
    --font-weight_s: 300;
	
	
	--border: var(--border-size_base) solid var(--color_grey_15);
	
	--border_s: calc(var(--border-size_base) / 2) solid var(--color_grey_15);
	
	
/*
	--box-shadow_l: 0px var(--indent_xs) var(--indent_l) var(--indent_xs) var(--color_grey_20);
	--box-shadow: 0px var(--indent_2xs) var(--indent) var(--indent_3xs) var(--color_grey_15);
	--box-shadow_s: 0px 0px 0px 0px var(--color_grey_10);
*/
	
	--box-shadow_l: 0px var(--indent_2xs) var(--indent_l) 0px var(--color_grey_20), 0px 0px 0px var(--indent_3xs) var(--color_grey_20);
	--box-shadow: 0px var(--indent_2xs) var(--indent_l) 0px var(--color_grey_15), 0px 0px 0px var(--indent_3xs) var(--color_grey_15);
	--box-shadow_s: 0px 0px 0px 0px;
	
	--border-radius: calc((var(--indent) + var(--indent) + var(--font-size) + var(--border-size_base) * 2) / 2);
	--border-radius_s: calc((var(--indent_s) + var(--indent_s) + var(--font-size) + var(--border-size_base) * 2) / 2);
	
	
	--column_no-gap: calc(100% / 12);
	--column_no-gap_1: calc(var(--column_no-gap) * 1);
	--column_no-gap_2: calc(var(--column_no-gap) * 2);
	--column_no-gap_3: calc(var(--column_no-gap) * 3);
	--column_no-gap_4: calc(var(--column_no-gap) * 4);
	--column_no-gap_5: calc(var(--column_no-gap) * 5);
	--column_no-gap_6: calc(var(--column_no-gap) * 6);
	--column_no-gap_7: calc(var(--column_no-gap) * 7);
	--column_no-gap_8: calc(var(--column_no-gap) * 8);
	--column_no-gap_9: calc(var(--column_no-gap) * 9);
	--column_no-gap_10: calc(var(--column_no-gap) * 10);
	--column_no-gap_11: calc(var(--column_no-gap) * 11);
	--column_no-gap_12: calc(var(--column_no-gap) * 12);
	
	--column_s: calc((100% + var(--indent_s)) / 12);
	--column_s_1: calc((var(--column_s) * 1) - var(--indent_s));
	--column_s_2: calc((var(--column_s) * 2) - var(--indent_s));
	--column_s_3: calc((var(--column_s) * 3) - var(--indent_s));
	--column_s_4: calc((var(--column_s) * 4) - var(--indent_s));
	--column_s_5: calc((var(--column_s) * 5) - var(--indent_s));
	--column_s_6: calc((var(--column_s) * 6) - var(--indent_s));
	--column_s_7: calc((var(--column_s) * 7) - var(--indent_s));
	--column_s_8: calc((var(--column_s) * 8) - var(--indent_s));
	--column_s_9: calc((var(--column_s) * 9) - var(--indent_s));
	--column_s_10: calc((var(--column_s) * 10) - var(--indent_s));
	--column_s_11: calc((var(--column_s) * 11) - var(--indent_s));
	--column_s_12: calc((var(--column_s) * 12) - var(--indent_s));
	
	--column: calc((100% + var(--indent)) / 12);
	--column_1: calc((var(--column) * 1) - var(--indent));
	--column_2: calc((var(--column) * 2) - var(--indent));
	--column_3: calc((var(--column) * 3) - var(--indent));
	--column_4: calc((var(--column) * 4) - var(--indent));
	--column_5: calc((var(--column) * 5) - var(--indent));
	--column_6: calc((var(--column) * 6) - var(--indent));
	--column_7: calc((var(--column) * 7) - var(--indent));
	--column_8: calc((var(--column) * 8) - var(--indent));
	--column_9: calc((var(--column) * 9) - var(--indent));
	--column_10: calc((var(--column) * 10) - var(--indent));
	--column_11: calc((var(--column) * 11) - var(--indent));
	--column_12: calc((var(--column) * 12) - var(--indent));
	
	--column_l: calc((100% + var(--indent_l)) / 12);
	--column_l_1: calc((var(--column_l) * 1) - var(--indent_l));
	--column_l_2: calc((var(--column_l) * 2) - var(--indent_l));
	--column_l_3: calc((var(--column_l) * 3) - var(--indent_l));
	--column_l_4: calc((var(--column_l) * 4) - var(--indent_l));
	--column_l_5: calc((var(--column_l) * 5) - var(--indent_l));
	--column_l_6: calc((var(--column_l) * 6) - var(--indent_l));
	--column_l_7: calc((var(--column_l) * 7) - var(--indent_l));
	--column_l_8: calc((var(--column_l) * 8) - var(--indent_l));
	--column_l_9: calc((var(--column_l) * 9) - var(--indent_l));
	--column_l_10: calc((var(--column_l) * 10) - var(--indent_l));
	--column_l_11: calc((var(--column_l) * 11) - var(--indent_l));
	--column_l_12: calc((var(--column_l) * 12) - var(--indent_l));
	
	--column_xl: calc((100% + var(--indent_xl)) / 12);
	--column_xl_1: calc((var(--column_xl) * 1) - var(--indent_xl));
	--column_xl_2: calc((var(--column_xl) * 2) - var(--indent_xl));
	--column_xl_3: calc((var(--column_xl) * 3) - var(--indent_xl));
	--column_xl_4: calc((var(--column_xl) * 4) - var(--indent_xl));
	--column_xl_5: calc((var(--column_xl) * 5) - var(--indent_xl));
	--column_xl_6: calc((var(--column_xl) * 6) - var(--indent_xl));
	--column_xl_7: calc((var(--column_xl) * 7) - var(--indent_xl));
	--column_xl_8: calc((var(--column_xl) * 8) - var(--indent_xl));
	--column_xl_9: calc((var(--column_xl) * 9) - var(--indent_xl));
	--column_xl_10: calc((var(--column_xl) * 10) - var(--indent_xl));
	--column_xl_11: calc((var(--column_xl) * 11) - var(--indent_xl));
	--column_xl_12: calc((var(--column_xl) * 12) - var(--indent_xl));
	
	--column_2xl: calc((100% + var(--indent_2xl)) / 12);
	--column_2xl_1: calc((var(--column_2xl) * 1) - var(--indent_2xl));
	--column_2xl_2: calc((var(--column_2xl) * 2) - var(--indent_2xl));
	--column_2xl_3: calc((var(--column_2xl) * 3) - var(--indent_2xl));
	--column_2xl_4: calc((var(--column_2xl) * 4) - var(--indent_2xl));
	--column_2xl_5: calc((var(--column_2xl) * 5) - var(--indent_2xl));
	--column_2xl_6: calc((var(--column_2xl) * 6) - var(--indent_2xl));
	--column_2xl_7: calc((var(--column_2xl) * 7) - var(--indent_2xl));
	--column_2xl_8: calc((var(--column_2xl) * 8) - var(--indent_2xl));
	--column_2xl_9: calc((var(--column_2xl) * 9) - var(--indent_2xl));
	--column_2xl_10: calc((var(--column_2xl) * 10) - var(--indent_2xl));
	--column_2xl_11: calc((var(--column_2xl) * 11) - var(--indent_2xl));
	--column_2xl_12: calc((var(--column_2xl) * 12) - var(--indent_2xl));
	
	
	
}


/*FONTS*/
/* comfortaa-300 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-300.svg#Comfortaa') format('svg'); /* Legacy iOS */
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
/* comfortaa-400-regular - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
/* comfortaa-500 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Comfortaa') format('svg'); /* Legacy iOS */
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
/* comfortaa-600 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Comfortaa') format('svg'); /* Legacy iOS */
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
/* comfortaa-700 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa/comfortaa-v40-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}


/*ICON*/
@font-face {
  font-family: 'icon';
  src:  url('../fonts/icon/icon.eot?e7mlgp');
  src:  url('../fonts/icon/icon.eot?e7mlgp#iefix') format('embedded-opentype'),
    url('../fonts/icon/icon.ttf?e7mlgp') format('truetype'),
    url('../fonts/icon/icon.woff?e7mlgp') format('woff'),
    url('../fonts/icon/icon.svg?e7mlgp#icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon_"], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_warranty:before {
  content: "\e91b";
}
.icon_delivery:before {
  content: "\e91c";
}
.icon_document:before {
  content: "\e91d";
}
.icon_checkout:before {
  content: "\e91e";
}
.icon_gift:before {
  content: "\e917";
}
.icon_favorite:before {
  content: "\e918";
}
.icon_filter:before {
  content: "\e919";
}
.icon_compare:before {
  content: "\e91a";
}
.icon_double-arrow:before {
  content: "\e916";
}
.icon_logout:before {
  content: "\e915";
}
.icon_ok:before {
  content: "\e914";
}
.icon_question:before {
  content: "\e901";
}
.icon_exclamation:before {
  content: "\e90e";
}
.icon_cancel:before {
  content: "\e913";
}
.icon_change:before {
  content: "\e900";
}
.icon_catalog:before {
  content: "\e902";
}
.icon_order:before {
  content: "\e903";
}
.icon_language:before {
  content: "\e904";
}
.icon_analytics:before {
  content: "\e905";
}
.icon_management:before {
  content: "\e906";
}
.icon_repair:before {
  content: "\e907";
}
.icon_cart:before {
  content: "\e908";
}
.icon_menu:before {
  content: "\e909";
}
.icon_minus:before {
  content: "\e90a";
}
.icon_percent:before {
  content: "\e90b";
}
.icon_plus:before {
  content: "\e90c";
}
.icon_profile:before {
  content: "\e90d";
}
.icon_search:before {
  content: "\e90f";
}
.icon_more:before {
  content: "\e910";
}
.icon_admin:before {
  content: "\e911";
}
.icon_arrow:before {
  content: "\e912";
}
.icon_arrow_bottom {
	transform: rotate(90deg);
}
.icon_arrow_left {
	transform: rotate(180deg);
}
.icon_arrow_top {
	transform: rotate(270deg);
}
.icon_double-arrow_bottom {
	transform: rotate(90deg);
}
.icon_double-arrow_left {
	transform: rotate(180deg);
}
.icon_double-arrow_top {
	transform: rotate(270deg);
}
.icon {
    display: block !important;
	font-size: var(--font-size) !important;
	line-height: var(--line-height) !Important;
	margin: var(--margin-line-height-correction) !important;
}


/*GLOBAL CORRECTION*/
/*border box*/
*,
*::before,
*::after {
	box-sizing: border-box;
}
/*highlight color*/
::-moz-selection {
    background-color: var(--color_red_100);
    color: white;
}
::selection {
    background-color: var(--color_red_100);
    color: white;
}
/*correction tab index outline*/
[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important;
}
/*ul, ol and li*/
ul, ol {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
/*button*/
button {
	border: none;
	outline: none;
	cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;     
    -ms-user-select: none;  
	user-select: none; 
	text-decoration: none;
	background: none;
	padding: 0px;
}
/*button text events none*/
button.btn span {
	pointer-events: none !important;
}
/*delete browser stroke*/
a:active, a:focus { outline: none; }
/*delete underline*/
a {
	text-decoration: none;
}
/*color auto filled input*/
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background: var(--color_white_100) !important;
    color: var(--color_grey_100) !Important;
}
/*delete arrows from the input-number*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*uppercase number from the input-date*/
input::-webkit-datetime-edit-month-field,
input::-webkit-datetime-edit-day-field,
input::-webkit-datetime-edit-year-field { 
	text-transform: uppercase;
}
/*delete icon from the input-date,time,datalist*/
input::-webkit-calendar-picker-indicator { 
	padding: 0px;
	margin: 0px;
	width: 0px; 
	height: 0px;
	display: none !important;
}
/*delete cross from the input-search*/
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
/*delete browser stroke*/
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
/*input file button pointer*/
input[type=file]::file-selector-button {
	cursor: pointer;
}


/*HTML*/
.html {	
	height: 100%;
/*	cursor: pointer;*/
	cursor: default;
}
/*если используется html_fixed_desktop, то html_fixed_mobile не использовать*/
.html_fixed_desktop {
    overflow: hidden !important;
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
}


/*BODY*/
.body {
    font-family: var(--font-family) !important;
	font-size: var(--font-size);
    line-height: var(--line-height);
	font-weight: var(--font-weight);
	font-style: normal;
    color: var(--color_grey_100);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-y: scroll;
	scroll-behavior: smooth;
    overflow-x: hidden;
	margin: 0;
	min-height: 100%;
    display: flex;
    flex-direction: column;
	align-items: center;
	cursor: default;
	padding: var(--indent_xl) calc(var(--indent_xl) - var(--indent)) var(--indent_xl) var(--indent_xl);
}
.body::-webkit-scrollbar {
	width: var(--indent);
    background: transparent;
    border-radius: var(--border-radius);
}
.body::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
    background: var(--color_greenblue_100); 
}
/*если используется body_fixed_desktop, то body_fixed_mobile не использовать*/
.body_fixed_desktop {
	overflow: hidden !important;
    height: 100% !important;
    width: 100% !important;
	padding: var(--indent_xl) !important;
}



/*DISPLAY NONE*/
.none {
	display: none !important;
}


/*DISPLAY SHOW*/
.show {
	display: flex !important;
}


/*TEXT*/
.txt {
	margin: var(--margin-line-height-correction);
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
	width: 100%;
	max-width: 100%;
}
/*
icon-standard и text-standard могут быть только внутри блока. 

Оступать друг от друга можно через padding (по вертикали), через margin important (по горизонтали) или через родительские флекс-свойства. 

не могут находиться на одном уровне с кем-то кроме друг друга. в таких случаях делать обертку для данных элементов

внутри нельзя создавать дочек с классами, исключение классическая ссылка, которая входит внутрь span.txt

запрещено давать какие-либо свойства, кроме padding и margin для отступа
*/


/*GRID*/
.grid {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}
.grid__row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
}
.grid__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0%;
	width: 100%;
	max-width: 100%;
}
/*modification*/
.grid__row_gap_none {
	width: 100%;
	max-width: 100%;
	margin: 0;
}
.grid__row_gap_none > .grid__col {
	padding: 0px;
}
.grid__row_gap_s {
	width: calc(100% + var(--indent_s));
	max-width: calc(100% + var(--indent_s));
	margin: calc((var(--indent_s) / 2) * -1);;
}
.grid__row_gap_s > .grid__col {
	padding: calc(var(--indent_s) / 2);
}
.grid__row_gap_m {
	width: calc(100% + var(--indent));
	max-width: calc(100% + var(--indent));
	margin: calc((var(--indent) / 2) * -1);;
}
.grid__row_gap_m > .grid__col {
	padding: calc(var(--indent) / 2);
}
.grid__row_gap_l {
	width: calc(100% + var(--indent_l));
	max-width: calc(100% + var(--indent_l));
	margin: calc((var(--indent_l) / 2) * -1);;
}
.grid__row_gap_l > .grid__col {
	padding: calc(var(--indent_l) / 2);
}
.grid__row_gap_xl {
	width: calc(100% + var(--indent_xl));
	max-width: calc(100% + var(--indent_xl));
	margin: calc((var(--indent_xl) / 2) * -1);;
}
.grid__row_gap_xl > .grid__col {
	padding: calc(var(--indent_xl) / 2);
}
.grid__row_gap_2xl {
	width: calc(100% + var(--indent_2xl));
	max-width: calc(100% + var(--indent_2xl));
	margin: calc((var(--indent_2xl) / 2) * -1);;
}
.grid__row_gap_2xl > .grid__col {
	padding: calc(var(--indent_2xl) / 2);
}

.grid__row_flex_1 {
	flex: 1 !important;
}
.grid__row_direction_row {
	flex-direction: row;
}
.grid__row_direction_row-reverse {
	flex-direction: row-reverse;
}
.grid__row_direction_column {
	flex-direction: column;
}
.grid__row_direction_column-reverse {
	flex-direction: column-reverse;
}
.grid__row_flex-wrap_wrap {
	flex-wrap: wrap;
}
.grid__row_flex-wrap_nowrap {
	flex-wrap: nowrap;
}
.grid__row_flex-wrap_wrap-reverse {
	flex-wrap: wrap-reverse;
}
.grid__row_justify-items_center {
	justify-items: center;
}
.grid__row_justify-items_flex-start {
	justify-items: flex-start;
}
.grid__row_justify-items_flex-end {
	justify-items: flex-end;
}
.grid__row_justify-items_stretch {
	justify-items: stretch;
}
.grid__row_justify-items_baseline {
	justify-items: baseline;
}
.grid__row_justify-content_flex-start {
	justify-content: flex-start;
}
.grid__row_justify-content_flex-end {
	justify-content: flex-end;
}
.grid__row_justify-content_space-around {
	justify-content: space-around;
}
.grid__row_justify-content_space-betwen {
	justify-content: space-between;
}
.grid__row_justify-content_center {
	justify-content: center;
}
.grid__row_align-items_center {
	align-items: center;
}
.grid__row_align-items_flex-start {
	align-items: flex-start;
}
.grid__row_align-items_flex-end {
	align-items: flex-end;
}
.grid__row_align-items_stretch {
	align-items: stretch;
}
.grid__row_align-items_baseline {
	align-items: baseline;
}
.grid__row_align-content_space-between {
	align-content: space-between;
}
.grid__row_align-content_space-around {
	align-content: space-around;
}
.grid__row_align-content_center {
	align-content: center;
}
.grid__row_align-content_flex-start {
	align-content: flex-start;
}
.grid__row_align-content_flex-end {
	align-content: flex-end;
}
.grid__row_align-content_stretch {
	align-content: stretch;
}

.grid__row_col_flex_0_1_auto_width_auto > .grid__col {
	flex: 0 1 auto;
	width: auto;
}
.grid__row_col_flex_0_1_auto_height_auto > .grid__col {
	flex: 0 1 auto;
	height: auto;
}
.grid__row_col_align-items_stretch > .grid__col {
	align-items: stretch;
}
.grid__row_col_flex-direction_row > .grid__col {
	flex-direction: row !important;
}
.grid__row_col_min-width_0 > .grid__col {
	min-width: 0;
}

.grid__col_flex_1 {
	flex: 1 !important;
}
.grid__col_flex-shrink_0 {
	flex-shrink: 0 !important;
}
.grid__col_min-width_0 {
	min-width: 0 !important;
}

.grid__col_align-items_flex-end {
	align-items: flex-end;
}
.grid__col_align-items_flex-start {
	align-items: flex-start;
}
.grid__col_align-items_stretch {
	align-items: stretch;
}
.grid__col_align-items_center {
	align-items: center;
}
.grid__col_align-items_baseline {
	align-items: baseline;
}

.grid__col_margin-left_auto {
	margin-left: auto;
}
.grid__col_margin-right_auto {
	margin-right: auto;
}
.grid__col_margin-top_auto {
	margin-top: auto;
}
.grid__col_margin-bottom_auto {
	margin-bottom: auto;
}
.grid__col_text-align_left {
	text-align: left;
}
.grid__col_text-align_right {
	text-align: right;
}
.grid__col_text-align_center {
	text-align: center;
}
.grid__col_white-space_nowrap {
	white-space: nowrap;
}
/*
.grid__col_overflow_hidden {
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
/*col min width*/
.grid__col_min_1 {
	min-width: var(--column_no-gap_1);
}
.grid__col_min_2 {
	min-width: var(--column_no-gap_2);
}
.grid__col_min_3 {
	min-width: var(--column_no-gap_3);
}
.grid__col_min_4 {
	min-width: var(--column_no-gap_4);
}
.grid__col_min_5 {
	min-width: var(--column_no-gap_5);
}
.grid__col_min_6 {
	min-width: var(--column_no-gap_6);
}
.grid__col_min_7 {
	min-width: var(--column_no-gap_7);
}
.grid__col_min_8 {
	min-width: var(--column_no-gap_8);
}
.grid__col_min_9 {
	min-width: var(--column_no-gap_9);
}
.grid__col_min_10 {
	min-width: var(--column_no-gap_10);
}
.grid__col_min_11 {
	min-width: var(--column_no-gap_11);
}
.grid__col_min_12 {
	min-width: var(--column_no-gap_12);
}
/*col width*/
.grid__col_1 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_1) !important;
	max-width: var(--column_no-gap_1) !important;
}
.grid__col_2 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_2) !important;
	max-width: var(--column_no-gap_2) !important;
}
.grid__col_3 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_3) !important;
	max-width: var(--column_no-gap_3) !important;
}
.grid__col_4 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_4) !important;
	max-width: var(--column_no-gap_4) !important;
}
.grid__col_5 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_5) !important;
	max-width: var(--column_no-gap_5) !important;
}
.grid__col_6 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_6) !important;
	max-width: var(--column_no-gap_6) !important;
}
.grid__col_7 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_7) !important;
	max-width: var(--column_no-gap_7) !important;
}
.grid__col_8 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_8) !important;
	max-width: var(--column_no-gap_8) !important;
}
.grid__col_9 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_9) !important;
	max-width: var(--column_no-gap_9) !important;
}
.grid__col_10 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_10) !important;
	max-width: var(--column_no-gap_10) !important;
}
.grid__col_11 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_11) !important;
	max-width: var(--column_no-gap_11) !important;
}
.grid__col_12 {
	flex: 0 0 auto !important;
	width: var(--column_no-gap_12) !important;
	max-width: var(--column_no-gap_12) !important;
}
/*col order*/
.grid__col_order_1 {
	order: 1;
}
.grid__col_order_2 {
	order: 2;
}
.grid__col_order_3 {
	order: 3;
}
.grid__col_order_4 {
	order: 4;
}
.grid__col_order_5 {
	order: 5;
}
.grid__col_order_6 {
	order: 6;
}
.grid__col_order_7 {
	order: 7;
}
.grid__col_order_8 {
	order: 8;
}
.grid__col_order_9 {
	order: 9;
}
.grid__col_order_10 {
	order: 10;
}
.grid__col_order_11 {
	order: 11;
}
.grid__col_order_12 {
	order: 12;
}



/*HEADING*/
.h {
	margin: 0;
	font-size: var(--font-size) !important;
	line-height: var(--line-height) !important;
	font-weight: var(--font-weight_l) !important;
	display: flex;
	max-width: 100%;
	width: 100%;
	
}
/*size*/
.h_l-xl {
	font-size: var(--font-size_l-xl) !important;
	line-height: var(--line-height_l-xl) !important;
}
.h_l {
	font-size: var(--font-size_l) !important;
	line-height: var(--line-height_l) !important;
}
.h_m-l {
	font-size: var(--font-size_m-l) !important;
	line-height: var(--line-height_m-l) !important;
}
.h_s-m {
	font-size: var(--font-size_s-m) !important;
	line-height: var(--line-height_s-m) !important;
}
.h_s {
	font-size: var(--font-size_s) !important;
	line-height: var(--line-height_s) !important;
}
/*color*/
.h_red {
	color: var(--color_red_100);
}
.h_green {
	color: var(--color_green_100);
}
.h_greenblue {
	color: var(--color_greenblue_100);
}


/*PARAGRAPH*/
.p {
	font-size: var(--font-size);
	line-height: var(--line-height);
	font-weight: var(--font-weight);
	margin: 0;
	display: flex;
	max-width: 100%;
	width: 100%;
}
/*size*/
.p_l {
	font-size: var(--font-size_l);
	line-height: var(--line-height_l);
}
.p_m-l {
	font-size: var(--font-size_m-l);
	line-height: var(--line-height_m-l);
}
.p_s-m {
	font-size: var(--font-size_s-m);
	line-height: var(--line-height_s-m);
}
/*color*/
.p_red {
	color: var(--color_red_100);
}
.p_green {
	color: var(--color_green_100);
}
.p_greenblue {
	color: var(--color_greenblue_100);
}


/*UL LIST*/
.ul {
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.ul__li {
	display: flex;
	margin-top: var(--indent);
}
.ul__li:first-child {
	margin-top: 0px;
}
.ul__content {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	width: 100%;
}
.ul .ul {
	margin-top: var(--indent);
	margin-left: var(--indent);
}
.ul_hyphen .ul__li::before {
	content: "-";
	margin: var(--margin-line-height-correction);
	margin-right: var(--indent_s);
}
.ul_hyphen .ul {
	margin-left: 0px;
}


/*OL LIST*/
.ol {
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	counter-reset: number;
}
.ol__li {
	font-size: var(--font-size);
	line-height: var(--line-height);
	width: 100%;
	margin-top: var(--indent);
	display: flex;
	flex-wrap: wrap;
}
.ol__li:first-child {
	margin-top: 0px;
}
.ol__li:first-of-type::before {
/*	counter-set: number 100;*/
}
.ol__li::before {
	counter-increment: number;
	content: counters(number, ".") ".";
	margin: var(--margin-line-height-correction);
	width: var(--indent_m-l);
	min-width: var(--indent_m-l);
	max-width: var(--indent_m-l);
}
.ol__li .ol__content {
	width: calc(100% - var(--indent_m-l));
	min-width: calc(100% - var(--indent_m-l));
	max-width: calc(100% - var(--indent_m-l));
}
.ol_level-2 {
	margin-top: var(--indent);
}
.ol_level-2 .ol__li::before {
	width: calc(var(--indent_m-l) + var(--indent_s));
	min-width: calc(var(--indent_m-l) + var(--indent_s));
	max-width: calc(var(--indent_m-l) + var(--indent_s));
	margin-left: var(--indent_m-l);
}
.ol_level-2 .ol__content {
	width: calc(100% - var(--indent_m-l) - var(--indent_m-l) - var(--indent_s));
	min-width: calc(100% - var(--indent_m-l) - var(--indent_m-l) - var(--indent_s));
	max-width: calc(100% - var(--indent_m-l) - var(--indent_m-l) - var(--indent_s));
}
.ol__li_no-number::before {
	counter-increment: none;
    content: " ";
}


/*DL LIST*/
.dl {
	
}
.dl__dl {
	
}
.dl__dt {
	font-weight: var(--font-weight_l);
}
.dl__dd {
	margin-left: 0px;
}
/*vertical*/
.dl_vertical {
	
}
.dl_vertical .dl__dl {
	flex-direction: column;	
} 
.dl_vertical .dl__dt {
	
}
.dl_vertical .grid__row_gap_m  .dl__dd {
	margin-top: calc(var(--indent_s) - var(--indent));
}
.dl_vertical .grid__row_gap_l  .dl__dd {
	margin-top: calc(var(--indent_s) - var(--indent_l));
}
/*bordered*/
.dl_bordered {
	display: flex;
	width: 100%;
	max-width: 100%;
}
.dl_bordered .dl__dl {
	display: flex;
	width: 100%;
	max-width: 100%;
	flex-wrap: wrap;
	margin: 0px;
}
.dl_bordered .dl__dt,
.dl_bordered .dl__dd {
	border-top: var(--border_s);
	margin: 0px;
	padding: var(--indent) 0px;
	width: var(--column_no-gap_6);
}
.dl_bordered .dl__dt {
	padding-right: var(--indent_xs-s);
	font-weight: var(--font-weight_m);
}
.dl_bordered .dl__dd {
	padding-left: var(--indent_xs-s);
	font-weight: var(--font-weight_l);
	text-align: right;
}
.dl_bordered .dl__dt:last-of-type, .dl_bordered .dl__dd:last-of-type {
	border-bottom: var(--border_s);
}


/*BUTTON*/
.btn {
	font-family: var(--font-family);
	border: none;
    border-radius: var(--border-radius);
    padding: var(--indent);
    font-size: var(--font-size);
	line-height: var(--line-height);
    outline: none;
    font-weight: var(--font-weight_l);
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;     
    -ms-user-select: none;     
    user-select: none;    
    display: flex;
	text-align: left;
	justify-content: left;
    align-items: center;
    white-space: nowrap;
	flex-wrap: nowrap;
	text-decoration: none;
	background: var(--color_white_100);
	color: var(--color_grey_90);
	box-shadow: var(--box-shadow);
	max-width: 100%;
	width: auto;
}
.btn:hover {
	background: var(--color_grey_10);
	color: var(--color_grey_90);
	box-shadow: var(--box-shadow_s);
}
/*
.btn:focus {
	background: var(--color_grey_10);
	color: var(--color_grey_90);
	box-shadow: var(--box-shadow_s);
}
*/
/*size*/
.btn_s {
	padding: var(--indent_s);
}
/*active*/
.btn_active {
	background: var(--color_greenblue_10) !important;
	color: var(--color_greenblue_90) !important;
	cursor: default;
	box-shadow: none !important;
}
/*disabled*/
button.btn_disabled_before:disabled, button.btn_disabled_before:disabled:hover, button.btn_disabled_before:disabled:focus,
button.btn_disabled_before[disabled], button.btn_disabled_before[disabled]:hover, button.btn_disabled_before[disabled]:focus {
    outline: none; 
    cursor: default;
	color: var(--color_grey_70) !important;
	box-shadow: none !important;
	background: var(--color_grey_5);
}
button.btn_disabled_after:disabled, button.btn_disabled_after:disabled:hover, button.btn_disabled_after:disabled:focus,
button.btn_disabled_after[disabled], button.btn_disabled_after[disabled]:hover, button.btn_disabled_after[disabled]:focus {
    outline: none; 
    cursor: default;
	color: var(--color_grey_90) !important;
	box-shadow: none !important;
	background: var(--color_grey_10);
}
/*colors*/
.btn_greenblue {
	background: var(--color_greenblue_100);
	color: var(--color_white_100);
}
.btn_greenblue:hover {
	background: var(--color_greenblue_90);
	color: var(--color_white_100);
}
button.btn_disabled_after.btn_greenblue:disabled, button.btn_disabled_after.btn_greenblue:disabled:hover, button.btn_disabled_after.btn_greenblue:disabled:focus,
button.btn_disabled_after.btn_greenblue[disabled], button.btn_disabled_after.btn_greenblue[disabled]:hover, button.btn_disabled_after.btn_greenblue[disabled]:focus {
    outline: none; 
    cursor: default;
	color: var(--color_white_100) !important;
	box-shadow: none !important;
	background: var(--color_greenblue_90);
}
.btn_blue {
	background: var(--color_blue_100);
	color: var(--color_white_100);
}
.btn_blue:hover {
	background: var(--color_blue_90);
	color: var(--color_white_100);
}
button.btn_disabled_after.btn_blue:disabled, button.btn_disabled_after.btn_blue:disabled:hover, button.btn_disabled_after.btn_blue:disabled:focus,
button.btn_disabled_after.btn_blue[disabled], button.btn_disabled_after.btn_blue[disabled]:hover, button.btn_disabled_after.btn_blue[disabled]:focus {
    outline: none; 
    background: none;
    cursor: default;
	color: var(--color_white_100) !important;
	box-shadow: none !important;
	background: var(--color_blue_90);
}
.btn_red {
	background: var(--color_red_100);
	color: var(--color_white_100);
}
.btn_red:hover {
	background: var(--color_red_90);
	color: var(--color_white_100);
}
button.btn_disabled_after.btn_red:disabled, button.btn_disabled_after.btn_red:disabled:hover, button.btn_disabled_after.btn_red:disabled:focus,
button.btn_disabled_after.btn_red[disabled], button.btn_disabled_after.btn_red[disabled]:hover, button.btn_disabled_after.btn_red[disabled]:focus {
    outline: none; 
    background: none;
    cursor: default;
	color: var(--color_white_100) !important;
	box-shadow: none !important;
	background: var(--color_red_90);
}
.btn_green {
	background: var(--color_green_100);
	color: var(--color_white_100);
}
.btn_green:hover {
	background: var(--color_green_90);
	color: var(--color_white_100);
}
button.btn_disabled_after.btn_green:disabled, button.btn_disabled_after.btn_green:disabled:hover, button.btn_disabled_after.btn_green:disabled:focus,
button.btn_disabled_after.btn_green[disabled], button.btn_disabled_after.btn_green[disabled]:hover, button.btn_disabled_after.btn_green[disabled]:focus {
    outline: none; 
    cursor: default;
	background: var(--color_green_90) !important;
	box-shadow: none !important;
	background: var(--color_green_90);
}
.btn_grey {
	background: var(--color_grey_100);
	color: var(--color_white_100);
}
.btn_grey:hover {
	background: var(--color_grey_90);
	color: var(--color_white_100);
}
button.btn_disabled_after.btn_grey:disabled, button.btn_disabled_after.btn_grey:disabled:hover, button.btn_disabled_after.btn_grey:disabled:focus,
button.btn_disabled_after.btn_grey[disabled], button.btn_disabled_after.btn_grey[disabled]:hover, button.btn_disabled_after.btn_grey[disabled]:focus {
    outline: none; 
    background: none;
    cursor: default;
	color: var(--color_white_100) !important;
	box-shadow: none !important;
	background: var(--color_grey_90);
}
/*transparent*/
.btn_transparent {
	background: transparent;
	color: var(--color_grey_90);
	box-shadow: none !Important;
	padding: var(--indent_s-m);
}
.btn_transparent:hover {
	background: var(--color_grey_10_opacity);
	color: var(--color_grey_90);
}
button.btn_disabled_after.btn_transparent:disabled, button.btn_disabled_after.btn_transparent:disabled:hover, button.btn_disabled_after.btn_transparent:disabled:focus,
button.btn_disabled_after.btn_transparent[disabled], button.btn_disabled_after.btn_transparent[disabled]:hover, button.btn_disabled_after.btn_transparent[disabled]:focus {
    outline: none; 
    cursor: default;
	color: var(--color_grey_90) !important;
	box-shadow: none !important;
	background: var(--color_grey_10_opacity);
}
/*correction*/
.btn_transparent_correction {
	margin: calc(var(--indent_s-m) * -1);
	max-width: calc(100% + var(--indent_s-m) + var(--indent_s-m)) ;
}
.btn_input_correction {
	margin-top: var(--border-size_base);
}
.btn_input_correction_recorrection {
	margin-top: 0px;
}
.btn_input_label_correction {
	margin-top: calc((var(--font-size) + var(--indent_s)) + var(--border-size_base));
}
.btn_input_label_correction_recorrection {
	margin-top: 0px;
}
/*fill*/
.btn_fill {
	width: 100%;
	max-width: 100%;
	text-align: center;
	justify-content: center;
}
.btn_fill .txt {
	width: auto;
}
/*icon*/
.btn__icon_right {
	margin-left: var(--indent) !important;
}
.btn_s .btn__icon_right {
	margin-left: var(--indent_s) !important;
}
.btn__icon_left {
	margin-right: var(--indent_s) !important;
}
/*stretch*/
.btn_s.btn_stretched {
	padding: var(--indent_s) var(--indent);
}
/*column*/
.btn_column {
	flex-direction: column;
	font-size: var(--font-size_s-m);
	line-height: var(--line-height_s-m);
	text-align: center;
	justify-content: center;
}
.btn_column .btn__icon {
	padding-bottom: var(--indent_s);
	font-size: var(--font-size_m-l) !important;
	line-height: var(--line-height_m-l) !important;
}


/*LINK*/
.link {
	font-family: var(--font-family);
    padding: var(--indent_s-m);
    font-size: var(--font-size);
	line-height: var(--line-height);
    outline: none;
    font-weight: var(--font-weight_l);
    cursor: pointer;   
	text-decoration: none;
	color: var(--color_grey_90);
	display: flex;
	border-radius: var(--border-radius);
	max-width: 100%;
	width: auto;
	border: none !important;
	background: transparent;
	text-align: left;
	justify-content: left;
}
.link:hover {
	background: var(--color_grey_10_opacity);
	color: var(--color_grey_90);
}
/*active*/
.link_active {
	background: transparent !important;
	color: var(--color_greenblue_90) !important;
	cursor: default;
}
/*classic (внутрь span.text-standard)*/
.link-classic {
	font-family: var(--font-family);
	text-decoration: none;
	color: var(--color_blue_100);
	cursor: pointer;
}
.link-classic:hover {
	text-decoration: underline;
}
/*correction*/
.link_correction {
	margin: calc(var(--indent_s-m) * -1);
	max-width: calc(100% + var(--indent_s-m) + var(--indent_s-m));
}
/*icon*/
.link__icon_right {
	margin-left: var(--indent) !important;
}
.link__icon_left {
	margin-right: var(--indent_s) !important;
}



/*INPUT*/
.input {
    border-radius: var(--border-radius);
    color: var(--color_grey_100);
	border: var(--border);
	padding: calc(var(--indent) - ((var(--line-height) - var(--font-size)) / 2)) var(--indent);
    line-height: var(--line-height);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
	font-family: var(--font-family);
	background: var(--color_white_100);
	display: block;
	width: 100%;
	max-width: 100%;
	transition: none;
}
.input:hover,
.input:focus {
	border-color: var(--color_grey_20) !important;
}
/*size*/
.input_s {
	padding: calc(var(--indent_s) - ((var(--line-height) - var(--font-size)) / 2)) var(--indent_s);
	border-radius: var(--border-radius_s);
}
/*disabled*/
.input:disabled {
	color: var(--color_grey_70) !important;
	border-color: var(--color_grey_15) !important;
	background: var(--color_grey_5) !important;
	opacity: 1 !Important;
}
/*passive color*/
.input::-webkit-input-placeholder {
	color: var(--color_grey_70);
    font-weight: var(--font-weight);
}
.input:-moz-placeholder {
	color: var(--color_grey_70);
    font-weight: var(--font-weight);
}
.input::-moz-placeholder {
	color: var(--color_grey_70);
    font-weight: var(--font-weight);
}
.input:-ms-input-placeholder {
	color: var(--color_grey_70);
    font-weight: var(--font-weight);
}
.input::-ms-input-placeholder {
	color: var(--color_grey_70);
    font-weight: var(--font-weight);
}
.input::placeholder {
	color: var(--color_grey_70);
    font-weight: var(--font-weight);
}
/*for phone*/
.input-phone {
	width: 100%;
	position: relative;
}
.input-phone__number {
	position: absolute;
	top: calc(var(--border-size_base) + var(--indent));
	left: calc(var(--border-size_base) + var(--indent));
	pointer-events: none;
}
.input-phone__input {
	padding-left: calc(var(--font-size) * 4);
}
/*for phone disabled*/
.input:disabled ~ .input-phone__number {
	color: var(--color_grey_70) !important;
}
/*item (label+input+p)*/
.input-set {
	width: 100%;
	max-width: 100%;
}
.input-set__label {
	white-space: nowrap;
	margin-bottom: var(--indent_s);
}
.input-set__status {
	margin-top: var(--indent_s);
	display: none;
}
.input-set_success .input:hover,
.input-set_success .input:focus,
.input-set_success .input {
	border-color: var(--color_green_100) !important;
}
.input-set_success .input-set__status {
	color: var(--color_green_100);
	display: flex;
}
.input-set_error .input:hover,
.input-set_error .input:focus,
.input-set_error .input {
	border-color: var(--color_red_100) !important;
}
.input-set_error .input-set__status {
	color: var(--color_red_100);
	display: flex;
}

.input-custom-datetime {
	display: flex;
}
.input-custom-datetime__input {
	padding-right: 0px;
	padding-left: 0px;
	border-radius: 0px;
	border-left: var(--border_s);
	border-right: var(--border_s);
	text-align: center;
	min-width: calc(var(--font-size) * 4);
}
.input-custom-datetime__input::before {
	content: "1";
}
.input-custom-datetime__input:first-child {
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
	border-left: var(--border);
	padding-left: var(--indent);
}
.input-custom-datetime__input:last-child {
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	border-right: var(--border);
	padding-right: var(--indent);
}


/*SELECT*/
.select {
	position: relative;
	width: 100%;
	max-width: 100%;
}
.select__input {	
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;     
    -ms-user-select: none;     
    user-select: none; 
	padding-right: calc(var(--indent) + var(--font-size) + var(--indent));
	text-overflow: ellipsis;
	color: var(--color_grey_100);
	font-weight: var(--font-weight);
	
}
.select__option {
/*	font-size: var(--font-size_m-l);*/
}
.select__icon {
	position: absolute;
	top: calc(var(--indent) + var(--border-size_base));
	right: calc(var(--indent) + var(--border-size_base));
	pointer-events: none;
	display: flex;
}
/*disabled*/
.select__input:disabled ~ .select__icon {
	color: var(--color_grey_70) !important;
}
select[disabled] > option {
	color: var(--color_grey_70) !important;
	font-weight: var(--font-weight)
}
/*size*/
.select_s > .select__input {
	padding-right: calc(var(--indent_s) + var(--font-size) + var(--indent_s));
}
.select_s .select__option {
/*	font-size: var(--font-size) !important;*/
}
.select_s > .select__icon {
	top: calc(var(--indent_s) + var(--border-size_base));
	right: calc(var(--indent_s) + var(--border-size_base));
}
/*brthday*/
.select-birth {
	display: flex;
	width: 100%;
	max-width: 100%;
}
.select-birth__day {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.select-birth__month {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}
.select-birth__month:hover,
.select-birth__month:focus {
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}
.select-birth__year {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}


/*DATA LIST*/
.datalist {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	max-width: 100%;
}
.datalist__input {
	padding-right: calc(var(--indent) + var(--font-size) + var(--indent));
	text-overflow: ellipsis;
}
.datalist__option {
/*	font-size: var(--font-size_m-l);*/
}
.datalist__icon {
	position: absolute;
	top: calc(var(--indent) + var(--border-size_base));
	right: calc(var(--indent) + var(--border-size_base));
	pointer-events: none;
	display: flex;
}
/*disabled*/
.datalist__input:disabled ~ .datalist__icon {
	color: var(--color_grey_70) !important;
}
/*size*/
.datalist_s > .datalist__input {
	padding-right: calc(var(--indent_s) + var(--font-size) + var(--indent_s));
}
.datalist_s .datalist__option {
/*	font-size: var(--font-size) !important;*/
}
.datalist_s > .datalist__icon {
	top: calc(var(--indent_s) + var(--border-size_base));
	right: calc(var(--indent_s) + var(--border-size_base));
}


/*CHECKBOX AND RADIO*/
.checkbox-and-radio-classic {
    display: flex;
    position: relative;
	max-width: 100%;
	width: 100%;
}
.checkbox-and-radio-classic label {
    position: relative;
    display: flex;
    padding-left: calc(var(--line-height) + var(--indent));
    cursor: pointer;
	font-size: var(--font-size);
	line-height: var(--line-height);
	align-items: center;
	min-height: var(--line-height);
	width: 100%;
	max-width: 100%;
}
.checkbox-and-radio-classic label::before,
.checkbox-and-radio-classic label::after {
    position: absolute;
    content: "";
    display: inline-block;
    background: var(--color_white_100);
}
.checkbox-and-radio-classic__input:disabled + .checkbox-and-radio-classic__label {
	cursor: default;
}
.checkbox-and-radio-classic__input:disabled + .checkbox-and-radio-classic__label::before {
	color: var(--color_grey_70) !important;
	border-color: var(--color_grey_15) !important;
	background: var(--color_grey_5) !important;
}
/*checkbox*/
.checkbox-and-radio-classic__input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.checkbox-and-radio-classic__input[type="checkbox"] + .checkbox-and-radio-classic__label::before {
    height: var(--line-height);
    width: var(--line-height);
	border: var(--border);
    border-radius: var(--border-radius);
    left: 0px;
    top: 0px;
}
.checkbox-and-radio-classic__input[type="checkbox"] + .checkbox-and-radio-classic__label::after {
    height: calc(var(--font-size_s-m) / 4 * 3);
    width: var(--font-size_s-m);
    border-left: calc(var(--border-size_base) * 2) solid var(--color_greenblue_90);
    border-bottom: calc(var(--border-size_base) * 2) solid var(--color_greenblue_90);
    transform: rotate(-45deg);
    left: calc((var(--line-height) - var(--font-size_s-m)) / 2);
    top: calc((var(--line-height) - var(--font-size_s-m)) / 2);
    content: none;
}
.checkbox-and-radio-classic__input[type="checkbox"]:hover + .checkbox-and-radio-classic__label::before {
	border-color: var(--color_grey_20);
}
.checkbox-and-radio-classic__input[type="checkbox"]:checked + .checkbox-and-radio-classic__label::before {
    background: var(--color_greenblue_10);
	border-color: var(--color_greenblue_10);
}
.checkbox-and-radio-classic__input[type="checkbox"]:checked + .checkbox-and-radio-classic__label::after {
    content: "";
    border-color: var(--color_greenblue_90);
    background: none;
}
.checkbox-and-radio-classic__input[type="checkbox"]:checked:hover + .checkbox-and-radio-classic__label::before {
	border-color: var(--color_greenblue_10);
	background: var(--color_greenblue_10);
}
/*radio*/
.checkbox-and-radio-classic__input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.checkbox-and-radio-classic__input[type="radio"] + .checkbox-and-radio-classic__label::before {
    height: var(--line-height);
    width: var(--line-height);
	border: var(--border);
    border-radius: var(--border-radius);
    left: 0px;
    top: 0px;
}
.checkbox-and-radio-classic__input[type="radio"] + .checkbox-and-radio-classic__label::after {
    height: var(--font-size_s-m);
    width: var(--font-size_s-m);
    left: calc((var(--line-height) - var(--font-size_s-m)) / 2);
    top: calc((var(--line-height) - var(--font-size_s-m)) / 2);
    content: none;
    border-radius: var(--border-radius);
    background: var(--color_greenblue_90);
}
.checkbox-and-radio-classic__input[type="radio"]:hover + .checkbox-and-radio-classic__label::before {
	border-color: var(--color_grey_20);
}
.checkbox-and-radio-classic__input[type="radio"]:checked + .checkbox-and-radio-classic__label {
	cursor: default;
}
.checkbox-and-radio-classic__input[type="radio"]:checked + .checkbox-and-radio-classic__label::before {
    background: var(--color_greenblue_10);
	border-color: var(--color_greenblue_10);
}
.checkbox-and-radio-classic__input[type="radio"]:checked + .checkbox-and-radio-classic__label::after {
    content: "";
}
.checkbox-and-radio-classic__input[type="radio"]:checked:hover + .checkbox-and-radio-classic__label::before {
    border-color: var(--color_greenblue_10);
	background: var(--color_greenblue_10);
}
/*checkbox and radio without label*/
.checkbox-and-radio-classic_no-txt {
	height: var(--line-height);
	width: var(--line-height);
}
.checkbox-and-radio-classic_no-txt .checkbox-and-radio-classic__label {
    padding-left: var(--line-height);
	
}
/*standard*/
.checkbox-and-radio {
    display: flex;
    position: relative;
	max-width: 100%;
}
.checkbox-and-radio__label::before,
.checkbox-and-radio__label::after {
    display: none;
}
.checkbox-and-radio__input {
    opacity: 0;
    position: absolute;
}
.checkbox-and-radio__input[type="checkbox"]:checked + .checkbox-and-radio__label {
	background: var(--color_greenblue_10);
    color: var(--color_greenblue_90);
	box-shadow: none !important;
	cursor: pointer !important;
}
.checkbox-and-radio__input[type="checkbox"]:checked + .checkbox-and-radio__label:hover {
/*
	background: var(--color_greenblue_10);
    color: var(--color_greenblue_90);
	box-shadow: none !important;
*/
}
.checkbox-and-radio__input[type="radio"]:checked + .checkbox-and-radio__label {
	background: var(--color_greenblue_10);
    color: var(--color_greenblue_90);
	box-shadow: none !important;
	cursor: default;
}
.checkbox-and-radio__input[type="radio"]:checked + .checkbox-and-radio__label:hover {
/*
	background: var(--color_greenblue_10);
    color: var(--color_greenblue_90);
	box-shadow: none !important;
*/
}
.checkbox-and-radio__input:disabled + .checkbox-and-radio__label {
	outline: none; 
    cursor: default;
	color: var(--color_grey_70) !important;
	box-shadow: none !important;
	background: var(--color_grey_5) !important;
}
/*card*/
.checkbox-and-radio-card {
	display: flex;
    position: relative;
	max-width: 100%;
	width: 100%;
}
.checkbox-and-radio-card label {
	position: relative;
    display: flex;
    padding-left: calc(var(--line-height) + var(--indent));
    cursor: pointer;
	font-size: var(--font-size);
	line-height: var(--line-height);
	align-items: center;
	min-height: var(--line-height);
	width: 100%;
	max-width: 100%;
	box-shadow: var(--box-shadow);
	padding: var(--indent);
	padding-top: calc(var(--indent) + ((var(--line-height) - var(--font-size)) / 2));
	padding-bottom: calc(var(--indent) + ((var(--line-height) - var(--font-size)) / 2));
	padding-left: calc(var(--indent) + var(--line-height) + var(--indent));
	border-radius: var(--border-radius);
}
.checkbox-and-radio-card label:hover {
	box-shadow: var(--box-shadow_l);
}
.checkbox-and-radio-card label::before,
.checkbox-and-radio-card label::after {
    position: absolute;
    content: "";
    display: inline-block;
    background: var(--color_white_100);
}
.checkbox-and-radio-card__input:disabled + .checkbox-and-radio-card__label {
	cursor: default;
}
.checkbox-and-radio-card__input:disabled + .checkbox-and-radio-card__label::before {
	color: var(--color_grey_70) !important;
	border-color: var(--color_grey_15) !important;
	background: var(--color_grey_5) !important;
}
/*checkbox*/
.checkbox-and-radio-card__input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.checkbox-and-radio-card__input[type="checkbox"] + .checkbox-and-radio-card__label::before {
    height: var(--line-height);
    width: var(--line-height);
	border: var(--border);
    border-radius: var(--border-radius);
    top: var(--indent);
	left: var(--indent);
}
.checkbox-and-radio-card__input[type="checkbox"] + .checkbox-and-radio-card__label::after {
    height: calc(var(--font-size_s-m) / 4 * 3);
    width: var(--font-size_s-m);
    border-left: calc(var(--border-size_base) * 2) solid var(--color_greenblue_90);
    border-bottom: calc(var(--border-size_base) * 2) solid var(--color_greenblue_90);
    transform: rotate(-45deg);
    left: calc(((var(--line-height) - var(--font-size_s-m)) / 2) + var(--indent));
    top: calc(((var(--line-height) - var(--font-size_s-m)) / 2) + var(--indent));
    content: none;
}
.checkbox-and-radio-card__input[type="checkbox"]:hover + .checkbox-and-radio-card__label::before {
	border-color: var(--color_grey_20);
}
.checkbox-and-radio-card__input[type="checkbox"]:checked + .checkbox-and-radio-card__label {
	box-shadow: var(--box-shadow_l);
}
.checkbox-and-radio-card__input[type="checkbox"]:checked + .checkbox-and-radio-card__label::before {
    background: var(--color_greenblue_10);
	border-color: var(--color_greenblue_10);
}
.checkbox-and-radio-card__input[type="checkbox"]:checked + .checkbox-and-radio-card__label::after {
    content: "";
    border-color: var(--color_greenblue_90);
    background: none;
}
.checkbox-and-radio-card__input[type="checkbox"]:checked:hover + .checkbox-and-radio-card__label::before {
	border-color: var(--color_greenblue_10);
	background: var(--color_greenblue_10);
}
/*radio*/
.checkbox-and-radio-card__input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.checkbox-and-radio-card__input[type="radio"] + .checkbox-and-radio-card__label::before {
    height: var(--line-height);
    width: var(--line-height);
	border: var(--border);
    border-radius: var(--border-radius);
    top: var(--indent);
	left: var(--indent);
}
.checkbox-and-radio-card__input[type="radio"] + .checkbox-and-radio-card__label::after {
    height: var(--font-size_s-m);
    width: var(--font-size_s-m);
    left: calc(((var(--line-height) - var(--font-size_s-m)) / 2) + var(--indent));
    top: calc(((var(--line-height) - var(--font-size_s-m)) / 2) + var(--indent));
    content: none;
    border-radius: var(--border-radius);
    background: var(--color_greenblue_90);
}
.checkbox-and-radio-card__input[type="radio"]:hover + .checkbox-and-radio-card__label::before {
	border-color: var(--color_grey_20);
}
.checkbox-and-radio-card__input[type="radio"]:checked + .checkbox-and-radio-card__label {
	cursor: default;
	box-shadow: var(--box-shadow_l);
}
.checkbox-and-radio-card__input[type="radio"]:checked + .checkbox-and-radio-card__label::before {
    background: var(--color_greenblue_10);
	border-color: var(--color_greenblue_10);
}
.checkbox-and-radio-card__input[type="radio"]:checked + .checkbox-and-radio-card__label::after {
    content: "";
}
.checkbox-and-radio-card__input[type="radio"]:checked:hover + .checkbox-and-radio-card__label::before {
    border-color: var(--color_greenblue_10);
	background: var(--color_greenblue_10);
}


/*TOGGLE*/
.toggle-classic {
    position: relative;
	display: flex;
	max-width: 100%;
	width: 100%;
}
.toggle-classic__input {
    opacity: 0;
    position: absolute;
}
.toggle-classic__label {
    position: relative;
    padding-left: calc(var(--line-height) * 2 + var(--indent));
    cursor: pointer;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 100%;
	min-height: var(--line-height);
}
.toggle-classic__label::before {
    height: var(--line-height);
	border: var(--border);
    width: calc(var(--line-height) * 2);
    border-radius: var(--border-radius);
    top: 0px;
	left: 0px;
    background: var(--color_white_100);
	position: absolute;
    content: "";
    display: inline-block;
}
.toggle-classic__label::after {
    height: var(--line-height);
    width: var(--line-height);
    top: 0px ;
    left: 0px;
    background: var(--color_grey_100);
    border-radius: var(--border-radius);
	position: absolute;
    content: "";
    display: inline-block;
}
.toggle-classic__input:hover + .toggle-classic__label::before {
	border-color: var(--color_grey_20);
}
.toggle-classic__input:hover + .toggle-classic__label::after {
/*	background: var(--color_grey_90);*/
}
.toggle-classic__input:checked + .toggle-classic__label {
	color: var(--color_greenblue_100);
}
.toggle-classic__input:checked + .toggle-classic__label::before {
	background: var(--color_greenblue_10);
	border-color: var(--color_greenblue_10);
}
.toggle-classic__input:checked + .toggle-classic__label::after {
    left: var(--line-height);
    background: var(--color_greenblue_90);
}
.toggle-classic__input:checked:hover + .toggle-classic__label::before {
	border-color: var(--color_greenblue_10);
	background: var(--color_greenblue_10);
}
.toggle-classic__input:disabled + .toggle-classic__label {
	cursor: default;
}
.toggle-classic__input:disabled + .toggle-classic__label::before {
	background: var(--color_grey_5) !important;
	border-color: var(--color_grey_15) !important;
}
.toggle-classic__input:disabled + .toggle-classic__label::after {
	background: var(--color_grey_70) !important;
}
/*toggle without label*/
.toggle-classic_no-txt {
	height: var(--line-height);
	width: calc(var(--line-height) * 2);
}
.toggle-classic_no-txt .toggle-classic__label {
	padding-left: calc(var(--line-height) * 2);
}


/*TAB*/
.tab {
	display: flex;
	width: 100%;
	max-width: 100%;
	border-bottom: var(--border);
	padding-bottom: var(--indent_l);
}
.tab__wrapper {
	display: flex;
	flex-wrap: nowrap;
	margin: calc(var(--indent_s-m) * -1);
	width: calc(100% + var(--indent_l));
	max-width: calc(100% + var(--indent_l));
}
.tab__item {
/*	position: relative;*/
	min-width: 0;
}
.checkbox-and-radio__input[type="radio"]:checked + .checkbox-and-radio__label.tab__btn,
.tab__item_active .tab__btn {
	background: transparent;
    color: var(--color_greenblue_90);
	box-shadow: none !important;
	cursor: default;
}
.checkbox-and-radio__input[type="radio"]:checked + .checkbox-and-radio__label.tab__btn::after,
.tab__item_active .tab__btn::after {
	content: '';
	display: block;
	width: calc(100% - var(--indent_l));
	max-width: calc(100% - var(--indent_l));
	height: var(--border-size_base);
	position: absolute;
	background: var(--color_greenblue_90);
	bottom: calc((var(--indent_s-m) + var(--border-size_base)) * -1);
}
.checkbox-and-radio__input:disabled + .checkbox-and-radio__label.tab__btn {
	color: var(--color_grey_70) !important;
	box-shadow: none !important;
	background: none !important;
}
.tab__item_margin-left_auto {
	margin-left: auto;
}
/*vertical*/
/*
.tab_vertical {
	border-bottom: none;
	padding-bottom: 0px;
	border-left: var(--border);
	padding-left: var(--indent_l);
}
.tab_vertical .tab__wrapper {
	flex-direction: column;
	align-items: flex-start;
}
.tab_vertical .tab__item {
	min-width: auto;
}
.tab_vertical .tab__btn {
	white-space: normal;
	text-align: left;
}
.tab_vertical .checkbox-and-radio__input[type="radio"]:checked + .checkbox-and-radio__label.tab__btn::after,
.tab_vertical .tab__item_active .tab__btn::after {
	height: calc(100% - var(--indent_l));
	width: var(--border-size_base);
	max-width: var(--border-size_base);
	bottom: auto;
	right: calc(var(--indent) - (var(--indent_l) / 2));
	right: auto;
	left: calc((var(--indent_s-m) + var(--border-size_base)) * -1);
}
*/


/*ALERT*/
.alert {
    font-weight: var(--font-weight_l);
	background: var(--color_grey_10);
	font-size: var(--font-size);
	line-height: var(--line-height);
	padding: var(--indent_l);
	color: var(--color_grey_100);
	border-radius: var(--border-radius_s);
	max-width: 100%;
	width: 100%;
	display: flex;
}

.selfie_alert {
    font-weight: var(--font-weight_l);
	background: var(--color_orange_10);
	color: var(--color_orange_100);
	font-size: var(--font-size);
	line-height: var(--line-height);
	padding: var(--indent_l);
	border-radius: var(--border-radius_s);
	max-width: 100%;
	width: 100%;
	display: flex;
}
.alert__icon {
	margin-right: var(--indent_l) !Important;
}
/*colors*/
.alert_success {
	background: var(--color_green_10);
	color: var(--color_green_100);
}
.alert_error {
	background: var(--color_red_10);
	color: var(--color_red_100);
}
.alert_attention {
	background: var(--color_orange_10);
	color: var(--color_orange_100);
}



/*SPINNER*/
@keyframes spinner {
  100% {
   transform: rotate(360deg);
  }
}
.spinner {
	display: inline-block;
	width: var(--line-height) !important;
	min-width: var(--line-height) !important;
	height: var(--line-height) !important; 
	min-height: var(--line-height) !important; 
	border: calc(var(--border-size_base) * 2) solid var(--color_grey_100);
	border-right-color: transparent !important;
	border-radius: var(--border-radius);
	animation: spinner 768ms infinite linear;
	margin: var(--margin-line-height-correction_crutch);
}
/*colors*/
.spinner_greenblue {
	border: calc(var(--border-size_base) * 2) solid var(--color_greenblue_100);
}
.spinner_white {
	border: calc(var(--border-size_base) * 2) solid var(--color_white_100);
}
.spinner_red {
	border: calc(var(--border-size_base) * 2) solid var(--color_red_100);
}


/*BADGE*/
.badge {
	display: flex;
	padding: var(--indent);
	background: var(--color_black_100);
	color: var(--color_white_100);
	font-weight: var(--font-weight_l);
	max-width: 100%;
	border-radius: var(--border-radius);
	font-size: var(--font-size);
	line-height: var(--line-height);
	white-space: nowrap;
	text-align: center;
	justify-content: center;
}
/*color*/
.badge_red {
	background: var(--color_red_100);
}
.badge_greenblue {
	background: var(--color_greenblue_100);
}
.badge_blue {
	background: var(--color_blue_100);
}
.badge_green {
	background: var(--color_green_100);
}
.badge_orange {
	background: var(--color_orange_100);
}
.badge_violet {
	background: var(--color_violet_100);
}
.badge_grey {
	background: var(--color_grey_100);
}
.badge_brown {
	background: var(--color_brown_100);
}
.badge_black {
	background: var(--color_black_100);
}
/*soft color*/
.badge_red_soft {
	background: var(--color_red_10);
	color: var(--color_red_100);
}
.badge_greenblue_soft {
	background: var(--color_greenblue_10);
	color: var(--color_greenblue_100);
}
.badge_blue_soft {
	background: var(--color_blue_10);
	color: var(--color_blue_100);
}
.badge_green_soft {
	background: var(--color_green_10);
	color: var(--color_green_100);
}
.badge_orange_soft {
	background: var(--color_orange_10);
	color: var(--color_orange_100);
}
.badge_violet_soft {
	background: var(--color_violet_10);
	color: var(--color_violet_100);
}
.badge_grey_soft {
	background: var(--color_grey_10);
	color: var(--color_grey_100);
}
.badge_brown_soft {
	background: var(--color_brown_10);
	color: var(--color_brown_100);
}
.badge_black_soft {
	background: var(--color_black_10);
	color: var(--color_black_100);
}
/*size*/
.badge_s {
	padding: var(--indent_s);
}
.badge_xs {
	padding: var(--indent_xs);
}
.badge_2xs {
	padding: var(--indent_2xs);
}
/*modification*/
.badge_position_absolute {
	position: absolute;
	right: 0px;
	top: 0px;
}
/*icon*/
.badge__icon_right {
	margin-left: var(--indent) !important;
}
.badge_s .badge__icon_right {
	margin-left: var(--indent_s) !important;
}
.badge_xs .badge__icon_right {
	margin-left: var(--indent_xs) !important;
}
.badge_2xs .badge__icon_right {
	margin-left: var(--indent_2xs) !important;
}
.badge__icon_left {
	margin-right: var(--indent_s) !important;
}
.badge_s .badge__icon_left {
	margin-right: var(--indent_xs) !important;
}
.badge_xs .badge__icon_left {
	margin-right: var(--indent_2xs) !important;
}
.badge_2xs .badge__icon_left {
	margin-right: var(--indent_3xs) !important;
}


/*STATUS*/
.status {
	display: flex;
	max-width: 100%;
}
.status::before {
	content: '';
	width: var(--font-size);
	height: var(--font-size);
	min-width: var(--font-size);
	min-height: var(--font-size);
	background: var(--color_grey_100);
	border-radius: var(--border-radius);
	display: flex;
}
.status__txt {
	margin-left: var(--indent);
	display: flex;
	color: var(--color_grey_100);
	max-width: calc(100% - var(--indent) - var(--font-size));
	width: calc(100% - var(--indent) - var(--font-size));
}
/*color*/
.status_red::before {
	background: var(--color_red_100);
}
.status_green::before {
	background: var(--color_green_100);
}
.status_greenblue::before {
	background: var(--color_greenblue_100);
}
.status_blue::before {
	background: var(--color_blue_100);
}
.status_brown::before {
	background: var(--color_brown_100);
}
.status_violet::before {
	background: var(--color_violet_100);
}
.status_orange::before {
	background: var(--color_orange_100);
}
.status_black::before {
	background: var(--color_black_100);
}


/*HR*/
.hr {
	margin-top: 0px; 
	margin-bottom: 0px; 
	border: 0px;
	border-top: var(--border);
	width: 100%;
}
.hr_margin_m {
	margin-top: var(--indent); 
	margin-bottom: var(--indent); 
}
.hr_margin_s-m {
	margin-top: var(--indent_s-m);
	margin-bottom: var(--indent_s-m) 
}
.hr_margin_xs-s {
	margin-top: var(--indent_xs-s);
	margin-bottom: var(--indent_xs-s); 
}
.hr_margin_l {
	margin-top: var(--indent_l);
	margin-bottom: var(--indent_l);
}
.hr_border-size_s {
	border-top: var(--border_s);
}


/*TABLE*/
.table {
	display: flex;
	width: 100%;
	max-width: 100%;
}
.table__wrapper {
	overflow-x: scroll;
	cursor: pointer;
	margin-bottom: calc(var(--indent_s) * -1);
	margin-left: calc(var(--indent_l) * -1);
	margin-right: calc(var(--indent_l) * -1);
	padding-left: var(--indent_l);
	padding-right: var(--indent_l);
	width: calc(100% + var(--indent_l) + var(--indent_l));
	max-width: calc(100% + var(--indent_l) + var(--indent_l));
}
.table__wrapper::-webkit-scrollbar {
	height: var(--indent_s);
    background: transparent;
    border-radius: var(--border-radius);
}
.table__wrapper::-webkit-scrollbar-thumb {
	border-radius: var(--border-radius);
    background: var(--color_greenblue_100);
}
.table__table {
    display: table;
    cursor: default;
	border: none;
	padding: 0px;
	width: 100%;
	border-spacing: inherit;
/*
	border-collapse: collapse;
	border-spacing: 0px;
*/
/*	table-layout: fixed;*/
	border: var(--border);
	border-radius: var(--border-radius);
	overflow: hidden;
}
.table__thead {
    display: table-header-group;
}
.table__tbody {
    display: table-row-group;
}
.table__tfoot {
    display: table-footer-group;
	font-weight: var(--font-weight_l) !important;
}
.table__tr {
    display: table-row;
}
.table__td {
    display: table-cell;
    padding: var(--indent) var(--indent_xs-s);
    vertical-align: middle;
    white-space: normal;
	text-align: left;
}
.table__td:first-child {
	padding-left: var(--indent);
}
.table__td:last-child {
	padding-right: var(--indent);
}
a.table__tr {
	color: var(--color_grey_90);
}
a.table__tr:hover {
	background: var(--color_grey_10);
	color: var(--color_grey_90);
	cursor: pointer;
}
.table__thead .table__tr {
	font-weight: var(--font-weight_l) !important;
	background: var(--color_grey_15);
}
.table__thead .table__td {
	border-bottom: var(--border);
}
.table__thead:nth-child(n + 2) .table__td {
	border-top: var(--border);
}
.table__thead:first-child .table__td {
	border-top: 0px;
}
.table__thead:last-child .table__td {
	border-bottom: 0px;
}
.table__tbody .table__td {
	border-bottom: var(--border_s);
}
.table__tbody .table__tr:last-child .table__td {
	border-bottom: 0px;
}
.table__tfoot .table__td {
	border-top: var(--border);
}
.table__content {
	display: flex;
	max-width: 100%;
}
/*modification*/
.table__td_width_half {
	width: 50%;
	max-width: 50%;
}
.table__td_width_1px {
	width: 1px;
}
.table__td_col_1 {
	width: var(--column_no-gap_1);
}
.table__td_col_2 {
	width: var(--column_no-gap_2);
}
.table__td_col_3 {
	width: var(--column_no-gap_3);
}
.table__td_col_4 {
	width: var(--column_no-gap_4);
}
.table__td_col_5 {
	width: var(--column_no-gap_5);
}
.table__td_col_6 {
	width: var(--column_no-gap_6);
}
.table__td_col_7 {
	width: var(--column_no-gap_7);
}
.table__td_col_8 {
	width: var(--column_no-gap_8);
}
.table__td_col_9 {
	width: var(--column_no-gap_9);
}
.table__td_col_10 {
	width: var(--column_no-gap_10);
}
.table__td_col_11 {
	width: var(--column_no-gap_11);
}
.table__td_col_12 {
	width: var(--column_no-gap_12);
}
.table__td_vertical-align_top {
	vertical-align: top;
}
.table__content_justify-content_flex-end {
	justify-content: flex-end;
}
.table__content_text-align_right {
	text-align: right;
}
.table__content_justify-content_center {
	justify-content: center;
}
.table__content_text-align_center {
	text-align: center;
}
.table__content_align-items_center {
	align-items: center;
}
.table__content_white-space_nowrap {
	white-space: nowrap;
}
.table__content_flex-wrap_nowrap {
	flex-wrap: nowrap;
}
.table__td_h {
	font-weight: var(--font-weight_l);
}
.table_striped .table__tbody .table__tr:nth-child(even) {
	background: var(--color_grey_5);
}
.table_borderless .table__table {
	border: none;
	border-radius: 0px;
/*	overflow: auto;*/
}
.table_borderless .table__wrapper {
/*
	overflow-x: visible;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	max-width: 100%;
*/
}
.table_borderless .table__thead .table__tr {
	background: none;
}
.table_borderless .table__thead:first-child .table__td {
	padding-top: 0px;
}
.table_borderless .table__tbody:first-child .table__tr:first-child .table__td {
	border-top: var(--border);
}
.table_borderless .table__tfoot:last-child .table__td,
.table_borderless .table__tbody:last-child .table__tr:last-child .table__td {
/*	padding-bottom: 0px;*/
	border-bottom: var(--border);
}
.table_borderless .table__td:first-child {
	padding-left: 0px !important;
}
.table_borderless .table__td:last-child {
	padding-right: 0px !important;
}
/*size*/
.table_l .table__td {
    padding: var(--indent_l) var(--indent_s-m);
}
.table_l .table__td:first-child {
	padding-left: var(--indent_l);
}
.table_l .table__td:last-child {
	padding-right: var(--indent_l);
}
.table_s .table__td {
    padding: var(--indent_s) var(--indent_2xs-xs);
}
.table_s .table__td:first-child {
	padding-left: var(--indent_s);
}
.table_s .table__td:last-child {
	padding-right: var(--indent_s);
}


/*IMG*/
.img {
	height: auto;
	max-width: 100%;
	width: 100%;
	padding-top: 100%;
	position: relative;
	display: block;
	-webkit-touch-callout: none;
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;     
    -ms-user-select: none;
	user-select: none;
}
.img_vertical {
	padding-top: 150%;
}
.img__wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	top: 0px;
	left: 0px;
}
.img__img {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.img_static {
	padding-top: 0px;
	width: auto;
	position: static;
}
.img_static .img__wrapper {
	position: static;
}
.img_stretch .img__img {
	width: 100%;
	height: 100%;
}


/*MINUS-PLUS*/
.minus-plus {
	display: flex;
	max-width: 100%;
	width: 100%;
}
.minus-plus__value {
	min-width: calc(var(--font-size) * 3);
	max-width: calc(var(--font-size) * 3);
	white-space: nowrap;
	padding: var(--indent);
	color: var(--color_grey_100);
	text-align: center;
}
/*size*/
.minus-plus_s .minus-plus__value  {
	min-width: calc(var(--font-size) * 4);
	max-width: calc(var(--font-size) * 4);
	padding: var(--indent_s);
}


/*FILE*/
.file-classic {
	display: flex;
}
.file-classic__wrapper {
	display: flex;
	position: relative;
	max-width: 100%;
}
.file-classic__input {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
.file-classic__input:hover + .file-classic__label {
	background: var(--color_grey_10);
	color: var(--color_grey_90);
	box-shadow: var(--box-shadow_s);
}
.file-classic__input:hover + .file-classic__label.btn_greenblue {
	background: var(--color_greenblue_90);
	color: var(--color_white_100);
	box-shadow: var(--box-shadow_s);
}
.file-classic__label .txt {
	width: auto;
}
/*image*/
.file {
	display: flex;
	position: relative;
	max-width: 100%;
	width: 100%;
}
.file__input {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
.file__label {
	background: var(--color_grey_15);
    display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	padding-top: calc(100% - calc(var(--border-size_base) * 2));
	position: relative;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: var(--border-radius);
	border: var(--border);
	-webkit-touch-callout: none;
    -webkit-user-select: none;   
    -khtml-user-select: none;    
    -moz-user-select: none;     
    -ms-user-select: none;
	user-select: none;
}
.file__input:hover + .file__label {
	background: var(--color_grey_10);
	border-color: var(--color_grey_10);
}
.file__img-wrapper {
	display: none;
}
.file__txt {
    white-space: normal;
    padding: var(--indent_s);
	color: var(--color_grey_90);
	font-weight: var(--font-weight_l);
	position: absolute;
	top: 0px;
    height: 100%;
    width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}
.file__icon {
	font-size: var(--font-size_m-l) !important;
	line-height: var(--line-height_m-l) !important;
	padding-bottom: var(--indent_s) !important;
}
.file__btn {
	display: none;
}
.file__spinner {
	display: none;
}
/*image - vertical*/
.file_vertical .file__label {
	padding-top: calc(150% - calc(var(--border-size_base) * 2));
}
/*image-active*/
.file_show .file__label {
	background: var(--color_white_100);
	border: var(--border) ;
	border-color: var(--color_grey_15);
}
.file_show .file__input:hover + .file__label {
	background: var(--color_white_100);
	border: var(--border) ;
	border-color: var(--color_grey_15);
}
.file_show .file__img-wrapper {
	width: 100%;
	height: 100%;
    border-radius: var(--border-radius);
    padding: var(--indent);
    background: var(--color_white_100);
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.file__img {
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.file_show .file__txt {
	display: none;
}
.file_show .file__btn {
	display: flex;
	top: calc(var(--indent));
	right: calc(var(--indent));
	position: absolute;
	pointer-events: all;
	z-index: 2;
}
/*loading*/
.file_loading {
	pointer-events: none;
}
.file_loading .file__btn {
	display: none;
}
.file_loading .file__spinner {
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: var(--border-radius);
	justify-content: center;
	align-items: center;
	background: var(--color_white_60_opacity);
	flex-direction: column;
	z-index: 2;
}


/*ACCORDION*/
.accordion {
	width: 100%;
	max-width: 100%;
	border-radius: var(--border-radius);
}
.accordion__btn-open {
	width: 100%;
	max-width: 100%;
	padding: var(--indent_l);
	white-space: normal;
	text-align: left;
	color: var(--color_grey_100);
	justify-content: space-between;
}
.accordion__btn-open:hover {
	background: var(--color-white);
	box-shadow: var(--box-shadow_l);
	color: var(--color_grey_100);
}
.accordion__btn-open-icon {
	transform: rotate(90deg);
}
.accordion__btn-open-body {
	display: flex;
	flex-direction: column;
	width: calc(100% - (var(--indent) + var(--font-size)));
	max-width: calc(100% - (var(--indent) + var(--font-size)));
}
.accordion__btn-open-description {
	margin-top: var(--indent);
	
}
.accordion__body {
/*	padding: var(--indent_l);*/
	padding: var(--indent_l);
	padding-top: 0px;
	display: none;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}
.accordion_show  {
	box-shadow: var(--box-shadow_l);
}
.accordion_show .accordion__btn-open {
/*
	box-shadow: none !important;
	
	background: var(--color_greenblue_10) !important;
	color: var(--color_greenblue_90) !important;
*/
	cursor: pointer !important;
/*	border-bottom-left-radius: 0px;*/
/*	border-bottom-right-radius: 0px;*/
/*	background: var(--color_greenblue_10);*/
/*    color: var(--color_greenblue_90);*/
	box-shadow: none !important;
}
.accordion_show .accordion__btn-open-icon {
	transform: rotate(270deg);	
}
.accordion_show .accordion__btn-open-description {
	display: none;
}
.accordion_show .accordion__body {
	display: flex;
}
.accordion_show .accordion__body:before {
/*
	content: '';
	border-top: var(--border);
	display: block;
	margin-bottom: var(--indent_l);
*/
}



/*PANEL*/
.panel {
	box-shadow: var(--box-shadow_l);
	border-radius: var(--border-radius);
	padding: var(--indent_l);
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}
.panel__h {
	margin-bottom: var(--indent_xl);
}
.panel__alert {
	margin-bottom: var(--indent_xl);
}
.panel__body {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	margin-bottom: auto;
}
.panel__body:first-child {
	margin-top: 0px;
}
.panel__footer {
	display: flex;
	flex-direction: column;
	margin-top: var(--indent_xl);
}
/*modification*/
.panel_no-shadow {
	padding: 0px;
	box-shadow: none;
}
.panel_sticky {
	position: sticky;
	top: var(--indent_l);
}


/*MODAL WINDOW*/
.modal {
	display: none;
	flex-direction: column;
	z-index: 4;
    overflow-y: scroll;
	position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;    
    width: 100%;
	max-width: 100%;
	padding: var(--indent_xl) calc(var(--indent_xl) - var(--indent)) var(--indent_xl) var(--indent_xl);
	background: var(--color_grey_10_opacity);
	cursor: pointer;
	backdrop-filter: blur(var(--blur));
}
.modal_show {
	display: flex;
}
.modal::-webkit-scrollbar {
    width: var(--indent);
    background: transparent;
    border-radius: var(--border-radius);
}
.modal::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
    background: var(--color_greenblue_100);
}
.modal__wrapper {
    background: var(--color_white_100);
	width: calc(((((1280px - (var(--indent_xl) + var(--indent_xl))) + var(--indent_l)) / 12) * 6) - var(--indent_l));
	max-width: calc(((((1280px - (var(--indent_xl) + var(--indent_xl))) + var(--indent_l)) / 12) * 6) - var(--indent_l));
    border-radius: var(--border-radius);
    padding: var(--indent_xl);
    margin: auto;
    display: flex;
	flex-direction: column;
	box-shadow: var(--box-shadow_l);
	cursor: default;
}
.modal__header {
	width: 100%;
	max-width: 100%;
	margin-bottom: var(--indent_2xl);
	display: flex;
	align-items: center;
/*	justify-content: space-between;*/
}
.modal__header-h {
	margin-right: var(--indent_l);
	max-width: calc(100% - (var(--indent) + var(--font-size) + var(--indent) + var(--indent_l)));
}
.modal__header-btn {
	margin-left: auto;
}
.modal__alert {
	margin-bottom: var(--indent_2xl);
}
.modal__body {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	flex: 1;
	margin-bottom: var(--indent_l);
}
.modal__footer {
	display: flex;
	flex-direction: column;
	margin-top: var(--indent_xl);
}
/*middle*/
.modal_middle .modal__wrapper {
	width: calc(((((1280px - (var(--indent_xl) + var(--indent_xl))) + var(--indent_l)) / 12) * 9) - var(--indent_l));
	max-width: calc(((((1280px - (var(--indent_xl) + var(--indent_xl))) + var(--indent_l)) / 12) * 9) - var(--indent_l));
}
/*fluid*/
.modal_fluid {
	background: var(--color_white_100);
	cursor: default;
}
.modal_fluid .modal__wrapper {
	width: calc(((((1280px - (var(--indent_xl) + var(--indent_xl))) + var(--indent_l)) / 12) * 12) - var(--indent_l));
	max-width: calc(((((1280px - (var(--indent_xl) + var(--indent_xl))) + var(--indent_l)) / 12) * 12) - var(--indent_l));
	margin: 0px auto;
	box-shadow: none;
	padding: 0px;
	flex: 1;
}



/*CARD*/
.card {
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
	padding: var(--indent);
	color: var(--color_grey_100);
	flex: 1;
}
a.card:hover,
div.card {
	box-shadow: var(--box-shadow_l);
}
.card_l {
	padding: var(--indent_l);
}
/*modification*/
.card_no-shadow {
	padding: 0px !important;
	box-shadow: none !important;
}
/*sale*/
.card_sale {
	position: relative;
}
.card_sale__badge-list {
	display: none;
}
.card_sale__badge-list {
	position: absolute;
	z-index: 1;
	display: flex;
} 
.card_sale .card_sale__badge-list {
	top: var(--indent_xs);
	left: var(--indent_xs);
	max-width: calc(100% - var(--indent_xs - var(--indent_xs)));
}
.card_sale.card_l .card_sale__badge-list {
	top: var(--indent);
	left: var(--indent);
	max-width: calc(100% - var(--indent) - var(--indent)) !important;
}
.card_sale .card_sale__old-price {
	text-decoration: line-through;	
	font-size: var(--font-size_s-m) !important;
	line-height: var(--line-height_s-m) !important;
	color: var(--color_grey_90);
}
.card_sale .card_sale__old-price .credit-price__number {
	font-weight: var(--font-weight);
}
.card_sale .card_sale__old-price .credit-price__month {
	display: none;
}
.card_sale .card_sale__new-price {
	color: var(--color_red_100);
}
.card_sale .card_sale__new-price .credit-price__month {
	color: var(--color_red_90);
}



/*LIST GROUP*/
.list-group {
	overflow-x: hidden;
	box-shadow: var(--box-shadow_l);
	padding: var(--indent_s-m);
	padding-left: 0px;
	border-radius: var(--border-radius);
	display: flex;
	flex-direction: column;
	max-width: 100%;
	width: 100%;
}
.list-group__item {
	padding: var(--indent_s-m);
	padding-left: var(--indent_l);
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	max-width: 100%;
	width: 100%;
	text-align: left;
	justify-content: left;
	white-space: normal
}
.list-group__item_heading {
	margin-top: var(--indent);
}
.list-group__item_heading:first-child {
	margin-top: 0px;
}
.list-group__item_active {
	background: var(--color_greenblue_10) !important;
    color: var(--color_greenblue_90) !important;
	box-shadow: none !important;
}
a.list-group__item_active {
	background: transparent !important;
	cursor: default !important;
}
/*sticky*/
.list-group_sticky {
	position: sticky;
	top: var(--indent_l);
}


/*SEARCH*/
.search {
	position: relative;
	width: 100%;
	max-width: 100%;
	z-index: 2;
}
/*button*/
.search__wrapper {
	position: relative;
	z-index: 2;
}
.search__btn-find {
	position: absolute;
	top: var(--indent_3xs-2xs);
    left: var(--indent_3xs-2xs);
}
.search__btn-find:hover ~ .search__input {
	box-shadow: var(--box-shadow_l) ;
}
/*
.search__btn-find:focus ~ .search__input {
	box-shadow: var(--box-shadow_l) !important;
}
*/
.search__btn-clear {
	position: absolute;
	top: var(--indent_3xs-2xs);
	right: var(--indent_3xs-2xs);
	display: none;
}
.search__btn-clear:hover ~ .search__input {
	box-shadow: var(--box-shadow_l) ;
}
/*
.search__btn-clear:focus ~ .search__input {
	box-shadow: var(--box-shadow_l) !important;
}
*/
/*input*/
.search__input {
	padding-left: calc(var(--indent) + var(--font-size) + var(--indent));
	box-shadow: var(--box-shadow);
	border: none !important;
	height: calc(var(--indent) + var(--indent) + var(--font-size));
}
.search__input:hover,
.search__input:focus {
	box-shadow: var(--box-shadow_l);
}
/*result of search*/
.search__result {
	position: absolute;
	top: calc(var(--indent_s) * -1);
	left: calc(var(--indent_s) * -1);
	display: none;
	width: calc(100% + var(--indent_s) + var(--indent_s));
	max-width: calc(100% + var(--indent_s) + var(--indent_s));;
	padding-top: calc(var(--indent_s) + var(--indent) + var(--indent) + var(--font-size) + var(--indent_s));
	background: var(--color_white_100);
}
.search__result::before {
	content: '';
	display: block;
	border-top: var(--border);
	width: calc(100% - var(--indent_l) - var(--indent_s-m));
	margin-bottom: var(--indent_s-m);
	margin-left: var(--indent_l);
}
.search__result-link_none {
	color: var(--color_grey_100);
	cursor: default;
	font-weight: var(--font-weight);
}
/*active*/
.search_show .search__btn-clear {
	display: flex;
}
.search_show .search__input,
.search_show .search__input:hover,
.search_show .search__input:focus {
	box-shadow: none;
	padding-right: calc(var(--indent) + var(--font-size) + var(--indent));
}
.search_show .search__btn-find:hover ~ .search__input,
.search_show .search__btn-clear:hover ~ .search__input {
	box-shadow: none;
}
.search_show .search__result {
	display: flex;
}
/*no result*/
.search_no-result.search_show .search__input {
	box-shadow: var(--box-shadow_l) !important;
}


/*DROPDOWN*/
.dropdown {
	position: relative;
	display: flex;
	max-width: 100%;
	align-self: flex-start;
}
.dropdown__btn-open {
	max-width: 100%;
	width: 100%;
	justify-content: center;
}
.dropdown__list {
	position: absolute;
	top: calc(var(--indent) + var(--font-size) + var(--indent) + var(--indent));
	left: calc(var(--indent_s) * -1);
	z-index: 2;
	display: none;
/*	width: calc(100% + var(--indent_s) + var(--indent_s));*/
	width: auto;
/*	min-width: calc(160px - var(--indent) - var(--indent));*/
	min-width: calc(320px - var(--indent) - var(--indent));
	max-width: calc(320px - var(--indent) - var(--indent));
	padding-right: 0px;
	background: var(--color_white_100);
}
.dropdown__wrapper {
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	max-height: calc((var(--indent_s-m) + var(--font-size) + var(--indent_s-m)) * 8);
	padding-right: calc(var(--indent_s-m) - var(--indent_s));
}
.dropdown__wrapper::-webkit-scrollbar {
    width: var(--indent_s);
    background: transparent;
    border-radius: var(--border-radius);
}
.dropdown__wrapper::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
    background: var(--color_greenblue_100);
}
.dropdown__list-item {
	white-space: nowrap !important;
}
.dropdown_show .dropdown__list {
	display: flex;
	z-index: 2;
}
.dropdown_show .dropdown__btn-open {
	cursor: pointer !Important;
	background: var(--color_greenblue_10) !important;
    color: var(--color_greenblue_90) !important;
	box-shadow: none !important;
}
.dropdown_show .dropdown__btn-open-icon {
	transform: rotate(270deg);
}
.dropdown__list_right {
	left: auto;
	right: calc(var(--indent_s) * -1);
}



/*LIST DOT*/
.list-dot {
	display: flex;
}
.list-dot__wrapper {
	margin-bottom: calc(var(--indent) * -1);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.list-dot__item {
	margin-bottom: var(--indent);
	display: flex;
	align-items: center;
}
.list-dot__item::after {
	content: "·";
	margin: var(--margin-line-height-correction);
	margin-left: var(--indent);
	margin-right: var(--indent);
}
.list-dot__item:last-child::after {
	display: none;
}


/*STEP PROGRESS BAR*/
.step-progress-bar {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 100%;
}
.step-progress-bar__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	flex: 1;
	min-width: 0;
}
.step-progress-bar__item::before {
	content: '';
	display: block;
	width: 100%;
	height: var(--border-size_base);
	background: var(--color_grey_5);;
	position: absolute;
	left: -50%;
	top: calc((var(--indent) + var(--font-size) + var(--indent)) / 2);
	z-index: 1;
}
.step-progress-bar__item:first-child::before {
	display: none;
}
.step-progress-bar__item_active::before {
	background: var(--color_greenblue_10) !important;
}
.step-progress-bar__circle {
	background: yellow;
	border-radius: var(--border-radius);
	width: calc(var(--indent) + var(--font-size) + var(--indent));
	height: calc(var(--indent) + var(--font-size) + var(--indent));
	display: flex;
	padding: var(--indent);
	color: var(--color_grey_100);
	background: var(--color_grey_5);
	z-index: 2;
	text-align: center;
}
.step-progress-bar__name {
	margin-top: var(--indent_s);
	font-size: var(--font-size_s-m);
	line-height: var(--line-height_s-m);
	color: var(--color_grey_100);
	text-align: center;
	max-width: 100%;
}
.step-progress-bar__item_active .step-progress-bar__circle {
	background: var(--color_greenblue_10) !important;
	color: var(--color_greenblue_100) !important;
}
.step-progress-bar__item_active .step-progress-bar__name {
	color: var(--color_greenblue_100) !important;
}
.step-progress-bar__item_cancel::before {
	background: var(--color_red_10) !important;
}
.step-progress-bar__item_cancel .step-progress-bar__circle {
	background: var(--color_red_10) !important;
	color: var(--color_red_100) !important;
}
.step-progress-bar__item_cancel .step-progress-bar__name {
	color: var(--color_red_100) !important;
}
/*vertical*/
.step-progress-bar_vertical {
	flex-direction: column;
}
.step-progress-bar_vertical .step-progress-bar__item {
	padding-top: var(--indent_l);
}
.step-progress-bar_vertical .step-progress-bar__item:first-child {
	padding-top: 0px;
}
.step-progress-bar_vertical .step-progress-bar__item::before {
	width: var(--border-size_base);
	height: 100%;
	left: calc((var(--indent) + var(--font-size) + var(--indent)) / 2);
	top: -50%;
}
.step-progress-bar_vertical .step-progress-bar__item {
	flex-direction: row;
}
.step-progress-bar_vertical .step-progress-bar__name {
	margin-top: 0px;
	margin-left: var(--indent_s);
	text-align: left;
}


/*CREDIT PRICE*/
.credit-price {
	display: flex;
	white-space: nowrap;
	margin-right: calc(var(--indent) * -1);
	width: calc(100% + var(--indent));
	max-width: calc(100% + var(--indent));
	font-size: var(--font-size);
	line-height: var(--line-height);
}
.credit-price__number {
	font-weight: var(--font-weight_l);
}
.credit-price__month {
	font-size: var(--font-size_s-m);
	line-height: var(--line-height_s-m);
	color: var(--color_grey_90);
	font-weight: var(--font-weight);
}
/*size*/
.credit-price_l {
	font-size: var(--font-size_l);
	line-height: var(--line-height_l);
}
.credit-price_l .credit-price__month {
	font-size: var(--font-size_m-l);
	line-height: var(--line-height_m-l);
}
.credit-price_m-l {
	font-size: var(--font-size_m-l);
	line-height: var(--line-height_m-l);
}
.credit-price_m-l .credit-price__month {
	font-size: var(--font-size);
	line-height: var(--line-height);
}


/*PAGINATION*/
.pagination__btn {
	min-width: calc(var(--indent) + var(--indent) + var(--font-size));
}
.pagination__current-page {
	min-width: calc(var(--indent) + var(--indent) + var(--font-size));
	min-height: calc(var(--indent) + var(--indent) + var(--font-size));
	display: flex;
	align-items: center;
	text-align: center;
}


/*HEADER*/
.header {
	z-index: 3;
	width: 100%;
	max-width: calc(1280px - (var(--indent_xl) + var(--indent_xl)));
	flex: 0 0 auto;
	margin-bottom: var(--indent_xl);
}
.header__lvl-1 {
	display: flex;
	flex-direction: column;
	position: fixed;
	box-shadow: var(--box-shadow_l);
	top: 0px;
	left: 0px;
	height: 100%;
	max-height: 100%;
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	width: calc((((100% - var(--indent_xl) - var(--indent_l) + var(--indent_xl)) / 12) * 1) - var(--indent_xl) + var(--indent_xl)) !important;
	min-width: calc((((100% - var(--indent_xl) - var(--indent_l) + var(--indent_xl)) / 12) * 1) - var(--indent_xl) + var(--indent_xl)) !important;
	max-width: calc((((100% - var(--indent_xl) - var(--indent_l) + var(--indent_xl)) / 12) * 1) - var(--indent_xl) + var(--indent_xl)) !important;	
	padding:  var(--indent_s-m) 0px;
	background: var(--color_white_100);
	z-index: 4;
}
.header__logo {
	height: calc(var(--font-size_m-l) + var(--indent_s) + var(--font-size_s-m));
	display: flex;
}
.header__bottombar {
	width: 100%;
}


/*BREADCRUMB*/
.breadcrumb {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	width: 100%;
	max-width: calc(1280px - (var(--indent_xl) + var(--indent_xl)));
	margin: 0px 0px calc(var(--indent_l) * -1) 0px;
	padding-bottom: var(--indent_xl);
}
.breadcrumb__item {
	white-space: nowrap;
	display: flex;
	align-items: center;
	margin-bottom: var(--indent_l);
}
.breadcrumb__item + .breadcrumb__item::before {
	padding-right: var(--indent_l);
	padding-left: var(--indent_l);
    color: var(--color_grey_100);
    content: "/";
	margin: var(--margin-line-height-correction);
}
.breadcrumb__current {
	color: var(--color_greenblue_100);
	font-weight: var(--font-weight_l);
}


/*MAIN*/
.main {
	width: 100%;
	max-width: calc(1280px - (var(--indent_xl) + var(--indent_xl)));
	flex: 1 0 auto;
}


/*FOOTER*/
.footer {
	width: 100%;
	max-width: calc(1280px - (var(--indent_xl) + var(--indent_xl)));
	flex: 0 0 auto;
	margin-top: var(--indent_2xl);
	font-size: var(--font-size_s-m) !important;
	line-height: var(--font-size_s-m) !important;
}


/*__________________________*/


/*HEADER*/
.header___cart {
	
}
.header___cart_show {
	position: relative;
}
.header___cart__badge {
	display: none;
}
.header___cart_show .header___cart__badge {
	display: flex;
	position: absolute;
	top: 0px;
	font-size: var(--font-size_s-m);
	line-height: var(--line-height_s-m);
	width: calc(var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs));
	height: calc(var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs));
	margin-top: calc(var(--indent_s-m) - (((var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs)) - var(--font-size_m-l)) / 2) );
	margin-left: calc(((var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs)) * 2) + var(--indent_s));
	padding-left: 0px;
	padding-right: 0px;
}
.header___cart:hover .header___cart__badge {
	background: var(--color_red_90);
}
.header___favorite {
	
}
.header___favorite_show {
	position: relative;
}
.header___favorite__badge {
	display: none;
}
.header___favorite_show .header___favorite__badge {
	display: flex;
	position: absolute;
	top: 0px;
	font-size: var(--font-size_s-m);
	line-height: var(--line-height_s-m);
	width: calc(var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs));
	height: calc(var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs));
	margin-top: calc(var(--indent_s-m) - (((var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs)) - var(--font-size_m-l)) / 2) );
	margin-left: calc(((var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs)) * 2) + var(--indent_s));
	padding-left: 0px;
	padding-right: 0px;
}
.header___favorite:hover .header___favorite__badge {
	background: var(--color_greenblue_90);
}
/*search*/
.header___search-form__btn-close {
	display: none;
}
.header___search-form {
	width: var(--column_l_7);
	z-index: 0;
}


/*MAIN*/
.main___banner {
	padding-top: 25%; /*1680x840*/
	
}
.main___banner__img {
	border-radius: var(--border-radius);
}
.main___help__icon {
	font-size: var(--font-size_m-l) !important;
    line-height: var(--line-height_m-l) !important;
}


/*SECTION*/
.section___filter__delete-list {
	display: none;
}
.section___filter__delete-list_show {
	display: flex;
}
.section___filter__delete-list-btn {
	cursor: pointer;
}
.section___filter__delete-list-btn:hover {
	background: var(--color_greenblue_10_opacity) !important;
}
.section___filter__delete-list-btn-all {
	background: var(--color_red_10) !important;
	color: var(--color_red_90) !important;
}
.section___filter__delete-list-btn-all:hover {
	background: var(--color_red_10_opacity) !important;
}
.section___filter__delete-list-btn-icon {
	font-size: var(--font-size_s-m) !important;
	line-height: var(--line-height_s-m) !important;
}


/*GOOD*/
/*sale*/
.good___photo {
	position: sticky;
	top: var(--indent_xl);
}
.good___sale__old-price {
	text-decoration: line-through;
	font-size: var(--font-size_m-l);
	line-height: var(--line-height_m-l);
	color: var(--color_grey_90);
}
.good___sale__old-price .credit-price__number {
	font-weight: var(--font-weight);
}
.good___sale__old-price .credit-price__month {
	display: none;
}
.good___sale__new-price {
	color: var(--color_red_100);
}
.good___sale__new-price .credit-price__month {
	color: var(--color_red_90);
}
.good___details__section {
	padding-left: var(--indent_l);
	width: 100%;
	max-width: 100%;
}
.good___details__subsection {
	padding-left: var(--indent_xl);
	width: 100%;
	max-width: 100%;
}


/*FAVORITE*/
.favorite___card {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100%;
}
.favorite___card .card {
	height: 100%;
}
.favorite___card:hover .card {
	box-shadow: var(--box-shadow_l);
}
.favorite___card__btn-delete {
	position: absolute;
	top: var(--indent_s);
    right: var(--indent_s);
	z-index: 1;
}


/*COMPARE*/
.compare___goods__list {
	padding-left: var(--indent_2xl);
	width: 100%;
	max-width: 100%;
	display: flex;
}
.compare___goods__card-btn-delete {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
.compare___details__subsection {
	padding-left: var(--indent_l);
	width: 100%;
	max-width: 100%;
	display: flex;
}
.compare___details__table {
	padding-left: var(--indent_xl);
}




@media (max-width: 1279px) /*l*//*768px*/ {
	/*DISPLAY NONE*/
	.none_l {
		display: none !important;
	}
	
	
	/*DISPLAY SHOW*/
	.show_l {
		display: flex !important;
	}
	
	
	/*GRID*/
	.grid__col_l {
		flex: 1 0 0% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	/*modification*/
	.grid__row_gap_none_l {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.grid__row_gap_none_l > .grid__col {
		padding: 0px;
	}
	.grid__row_gap_s_l {
		width: calc(100% + var(--indent_s));
		max-width: calc(100% + var(--indent_s));
		margin: calc((var(--indent_s) / 2) * -1);;
	}
	.grid__row_gap_s_l > .grid__col {
		padding: calc(var(--indent_s) / 2);
	}
	.grid__row_gap_m_l {
		width: calc(100% + var(--indent));
		max-width: calc(100% + var(--indent));
		margin: calc((var(--indent) / 2) * -1);;
	}
	.grid__row_gap_m_l > .grid__col {
		padding: calc(var(--indent) / 2);
	}
	.grid__row_gap_l_l {
		width: calc(100% + var(--indent_l));
		max-width: calc(100% + var(--indent_l));
		margin: calc((var(--indent_l) / 2) * -1);;
	}
	.grid__row_gap_l_l > .grid__col {
		padding: calc(var(--indent_l) / 2);
	}
	.grid__row_gap_xl_l {
		width: calc(100% + var(--indent_xl));
		max-width: calc(100% + var(--indent_xl));
		margin: calc((var(--indent_xl) / 2) * -1);;
	}
	.grid__row_gap_xl_l > .grid__col {
		padding: calc(var(--indent_xl) / 2);
	}
	.grid__row_gap_2xl_l {
		width: calc(100% + var(--indent_2xl));
		max-width: calc(100% + var(--indent_2xl));
		margin: calc((var(--indent_2xl) / 2) * -1);;
	}
	.grid__row_gap_2xl_l > .grid__col {
		padding: calc(var(--indent_2xl) / 2);
	}
	
	/*scroll*/
	.grid__row_scroll_x {
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: scroll;
		width: calc(100% + var(--indent_l) + var(--indent_l));
		max-width: calc(100% + var(--indent_l) + var(--indent_l));
		margin: calc(var(--indent_l) * -1);
		padding: var(--indent_l) calc(var(--indent_l) - var(--indent_xs-s));
	}
	.grid__row_scroll_x::-webkit-scrollbar {
		height: 0px;
	}
	.grid__row_scroll_x > .grid__col {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.grid__row_scroll_x.grid__row_gap_l {
		padding: var(--indent_l) calc(var(--indent_l) - var(--indent_s-m));
	}
	.grid__row_scroll_x.grid__row_gap_s {
		padding: var(--indent_l) calc(var(--indent_l) - var(--indent_2xs-xs));
	}
	
	
	.grid__row_flex_1_l {
		flex: 1 !important;
	}
	.grid__row_direction_row_l {
		flex-direction: row;
	}
	.grid__row_direction_row-reverse_l {
		flex-direction: row-reverse;
	}
	.grid__row_direction_column_l {
		flex-direction: column;
	}
	.grid__row_direction_column-reverse_l {
		flex-direction: column-reverse;
	}
	.grid__row_flex-wrap_wrap_l {
		flex-wrap: wrap;
	}
	.grid__row_flex-wrap_nowrap_l {
		flex-wrap: nowrap;
	}
	.grid__row_flex-wrap_wrap-reverse_l {
		flex-wrap: wrap-reverse;
	}
	.grid__row_justify-items_center_l {
		justify-items: center;
	}
	.grid__row_justify-items_flex-start_l {
		justify-items: flex-start;
	}
	.grid__row_justify-items_flex-end_l {
		justify-items: flex-end;
	}
	.grid__row_justify-items_stretch_l {
		justify-items: stretch;
	}
	.grid__row_justify-items_baseline_l {
		justify-items: baseline;
	}
	.grid__row_justify-content_flex-start_l {
		justify-content: flex-start;
	}
	.grid__row_justify-content_flex-end_l {
		justify-content: flex-end;
	}
	.grid__row_justify-content_space-around_l {
		justify-content: space-around;
	}
	.grid__row_justify-content_space-betwen_l {
		justify-content: space-between;
	}
	.grid__row_justify-content_center_l {
		justify-content: center;
	}
	.grid__row_align-items_center_l {
		align-items: center;
	}
	.grid__row_align-items_flex-start_l {
		align-items: flex-start;
	}
	.grid__row_align-items_flex-end_l {
		align-items: flex-end;
	}
	.grid__row_align-items_stretch_l {
		align-items: stretch;
	}
	.grid__row_align-items_baseline_l {
		align-items: baseline;
	}
	.grid__row_align-content_space-between_l {
		align-content: space-between;
	}
	.grid__row_align-content_space-around_l {
		align-content: space-around;
	}
	.grid__row_align-content_center_l {
		align-content: center;
	}
	.grid__row_align-content_flex-start_l {
		align-content: flex-start;
	}
	.grid__row_align-content_flex-end_l {
		align-content: flex-end;
	}
	.grid__row_align-content_stretch_l {
		align-content: stretch;
	}

	.grid__row_col_flex_0_1_auto_width_auto_l > .grid__col {
		flex: 0 1 auto;
		width: auto;
	}
	.grid__row_col_flex_0_1_auto_height_auto_l > .grid__col {
		flex: 0 1 auto;
		height: auto;
	}
	.grid__row_col_align-items_stretch_l > .grid__col {
		align-items: stretch;
	}
	.grid__row_col_flex-direction_row_l > .grid__col {
		flex-direction: row !important;
	}
	.grid__row_col_min-width_0_l > .grid__col {
		min-width: 0;
	}
	
	.grid__col_flex_1_l {
		flex: 1 !important;
	}
	.grid__col_flex-shrink_0_l {
		flex-shrink: 0 !important;
	}
	.grid__col_min-width_0_l {
		min-width: 0 !important;
	}

	.grid__col_align-items_flex-end_l {
		align-items: flex-end;
	}
	.grid__col_align-items_flex-start_l {
		align-items: flex-start;
	}
	.grid__col_align-items_stretch_l {
		align-items: stretch;
	}
	.grid__col_align-items_center_l {
		align-items: center;
	}
	.grid__col_align-items_baseline_l {
		align-items: baseline;
	}
	
	.grid__col_margin-left_auto_l {
		margin-left: auto;
	}
	.grid__col_margin-right_auto_l {
		margin-right: auto;
	}
	.grid__col_margin-top_auto_l {
		margin-top: auto;
	}
	.grid__col_margin-bottom_auto_l {
		margin-bottom: auto;
	}
	.grid__col_text-align_left_l {
		text-align: left;
	}
	.grid__col_text-align_right_l {
		text-align: right;
	}
	.grid__col_text-align_center_l {
		text-align: center;
	}
	
	
	/*col min width size*/
	.grid__col_min_1_l {
		min-width: var(--column_no-gap_1);
	}
	.grid__col_min_2_l {
		min-width: var(--column_no-gap_2);
	}
	.grid__col_min_3_l {
		min-width: var(--column_no-gap_3);
	}
	.grid__col_min_4_l {
		min-width: var(--column_no-gap_4);
	}
	.grid__col_min_5_l {
		min-width: var(--column_no-gap_5);
	}
	.grid__col_min_6_l {
		min-width: var(--column_no-gap_6);
	}
	.grid__col_min_7_l {
		min-width: var(--column_no-gap_7);
	}
	.grid__col_min_8_l {
		min-width: var(--column_no-gap_8);
	}
	.grid__col_min_9_l {
		min-width: var(--column_no-gap_9);
	}
	.grid__col_min_10_l {
		min-width: var(--column_no-gap_10);
	}
	.grid__col_min_11_l {
		min-width: var(--column_no-gap_11);
	}
	.grid__col_min_12_l {
		min-width: var(--column_no-gap_12);
	}
	/*col width size*/
	.grid__col_1_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_1) !important;
		max-width: var(--column_no-gap_1) !important;
	}
	.grid__col_2_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_2) !important;
		max-width: var(--column_no-gap_2) !important;
	}
	.grid__col_3_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_3) !important;
		max-width: var(--column_no-gap_3) !important;
	}
	.grid__col_4_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_4) !important;
		max-width: var(--column_no-gap_4) !important;
	}
	.grid__col_5_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_5) !important;
		max-width: var(--column_no-gap_5) !important;
	}
	.grid__col_6_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_6) !important;
		max-width: var(--column_no-gap_6) !important;
	}
	.grid__col_7_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_7) !important;
		max-width: var(--column_no-gap_7) !important;
	}
	.grid__col_8_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_8) !important;
		max-width: var(--column_no-gap_8) !important;
	}
	.grid__col_9_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_9) !important;
		max-width: var(--column_no-gap_9) !important;
	}
	.grid__col_10_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_10) !important;
		max-width: var(--column_no-gap_10) !important;
	}
	.grid__col_11_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_11) !important;
		max-width: var(--column_no-gap_11) !important;
	}
	.grid__col_12_l {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_12) !important;
		max-width: var(--column_no-gap_12) !important;
	}
	/*col order*/
	.grid__col_order_1_l {
		order: 1;
	}
	.grid__col_order_2_l {
		order: 2;
	}
	.grid__col_order_3_l {
		order: 3;
	}
	.grid__col_order_4_l {
		order: 4;
	}
	.grid__col_order_5_l {
		order: 5;
	}
	.grid__col_order_6_l {
		order: 6;
	}
	.grid__col_order_7_l {
		order: 7;
	}
	.grid__col_order_8_l {
		order: 8;
	}
	.grid__col_order_9_l {
		order: 9;
	}
	.grid__col_order_10_l {
		order: 10;
	}
	.grid__col_order_11_l {
		order: 11;
	}
	.grid__col_order_12_l {
		order: 12;
	}
	
	
	/*BODY*/
	.body {
		padding: var(--indent_l);
		padding-bottom: calc(((var(--indent_xs) * 2) + (var(--indent_s) * 2) + (var(--font-size_m-l) + var(--indent_s) + var(--font-size_s-m))) + var(--indent_2xl));
	}
	.body::-webkit-scrollbar {
		width: 0px;
	}
	.body_fixed_desktop {
		padding: var(--indent_l) !Important;
	}
	
	
	/*BUTTON*/
	/*correction*/
	.btn_input_correction_recorrection_l {
		margin-top: 0px;
	}
	.btn_input_label_correction_recorrection_l {
		margin-top: 0px;
	}
	
	
	/*TAB*/
	.tab__wrapper {
		display: flex;
		margin: calc(var(--indent_s-m) * -1) calc(var(--indent_l) * -1) !important;
		width: calc(100% + (var(--indent_l) * 2)) !important;
		max-width: calc(100% + (var(--indent_l) * 2)) !important;
		overflow-x: scroll;
		flex-wrap: nowrap;
		padding: 0px calc(var(--indent_l) - var(--indent_s-m)) !important;
		padding-bottom: calc(var(--indent_s-m) + var(--border-size_base)) !important;
		margin-bottom: calc((var(--indent_s-m) + var(--indent_s-m) + var(--border-size_base)) * -1) !important;
	}
	.tab__wrapper::-webkit-scrollbar {
		height: 0px;
		width: 0px;
	}
	.tab__item {
		min-width: auto;
	}
	/*vertical*/
/*
	.tab_vertical .tab__wrapper {
		flex-direction: row;
		align-items: normal;
	}
	.tab_vertical .tab__btn {
		white-space: nowrap;
		text-align: center;
	}
	.tab_vertical .checkbox-and-radio__input[type="radio"]:checked + .checkbox-and-radio__label.tab__btn::after,
	.tab_vertical .tab__item_active .tab__btn::after {
		width: calc(100% - var(--indent_l));
		max-width: calc(100% - var(--indent_l));
		height: var(--border-size_base);
		bottom: calc(var(--indent) - (var(--indent_l) / 2));
		right: auto;
	}
*/
	
	
	/*MODAL WINDOW*/
	.modal {
		padding: var(--indent_l) !important;
		background: var(--color_white_100);
	}
	.modal::-webkit-scrollbar {
		width: 0px;
	}
	.modal__wrapper {
		padding: 0;
		width: 100% !important;
		max-width: 100% !important;
		box-shadow: none;
		flex: 1;
	}
	.modal__body {
		justify-content: center;
	}
	
	
	/*PANEL*/
	/*modification*/
	.panel_sticky {
		position: static;
		top: 0px;
	}
	
	
	/*TABLE*/
/*
	.table__wrapper  {
		padding-left: 0px;
		padding-right: 0px;
	}
	.table__td:first-child {
		padding-left: var(--indent_l);
	}
	.table__td:last-child {
		padding-right: var(--indent_l);
	}
*/
	/*size*/
/*
	.table_l .table__td:first-child {
		padding-left: var(--indent_l);
	}
	.table_l .table__td:last-child {
		padding-right: var(--indent_l);
	}
	.table_s .table__td:first-child {
		padding-left: var(--indent_l);
	}
	.table_s .table__td:last-child {
		padding-right: var(--indent_l);
	}
*/
	
	
	/*LIST GROUP*/
	/*sticky*/
	.list-group_sticky {
		position: static;
		top: 0px;
	}
	
	
	/*BREADCRUMB*/
	.breadcrumb {
		overflow-x: scroll;
		flex-wrap: nowrap;
		padding: var(--indent_l);
		padding-bottom: calc(var(--indent_l) + var(--indent_xl));
		margin: calc(var(--indent_l) * -1);
		width: calc(100% + var(--indent_l) + var(--indent_l));
		max-width: calc(100% + var(--indent_l) + var(--indent_l));
	}
	.breadcrumb::-webkit-scrollbar {
		height: 0px;
	}
	.breadcrumb__item {
		margin-bottom: 0px;
	}
	
	
	/*HEADER*/
	.header {
		margin-bottom: var(--indent_xl);
	}
	.header__bottombar {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100% !important;
		max-width: 100% !important;
		background: var(--color_white_100);
		box-shadow: var(--box-shadow_l);
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		z-index: 2;
		padding: var(--indent_xs) !important;
	}
	.header__bottombar-btn {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: var(--indent_s);
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius_s);
    	border-bottom-right-radius: var(--border-radius_s);
	}
	.header__bottombar-btn .txt {
		width: calc(100% + var(--indent_s) + var(--indent_s));
		max-width: calc(100% + var(--indent_s) + var(--indent_s)); 
	}
	.header__bottombar_crutch_input_display_none {
		display: none;
	}
	
	
	/*__________________________*/
	
	
	/*HEADER*/
	.header___cart_show .header___cart__badge {
		margin-top: calc(var(--indent_s) - (((var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs)) - var(--font-size_m-l)) / 2) );
		
	}
	.header___favorite_show .header___favorite__badge {
		margin-top: calc(var(--indent_s) - (((var(--indent_2xs) + var(--font-size_s-m) + var(--indent_2xs)) - var(--font-size_m-l)) / 2) );
	}
	/*search*/
	.header___bottombar-search-btn-open {
		display: flex;
	}
	.header___search-form {
		display: none;
	}
	.header___search-form_show {
		display: flex;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: var(--color_white_100);
		flex-direction: column;
		z-index: 2;
		padding: var(--indent_l) var(--indent_l) var(--indent_s-m) var(--indent_l);
		overflow-y: scroll;
	}
	.header___search-form_show::-webkit-scrollbar {
		width: 0px;
	}
	.header___search-form__wrapper {
		width: 100%;
		display: flex;
		flex: 1;
		flex-direction: column;
	}
	.header___search-form__btn-close {
		margin-left: auto;
		margin-bottom: var(--indent_2xl);
		display: flex;
	}
	.header___search-form__btn-find {
		left: calc(var(--indent_s-m) * -1);
	}
	.header___search-form__btn-clear {
		right: calc(var(--indent_s-m) * -1);
	}
	.header___search-form__input,
	.header___search-form__input:hover,
	.header___search-form__input:focus {
		box-shadow: none !Important;
		padding-right: calc(var(--font-size) + var(--indent)) !important;
		padding-left: calc(var(--font-size) + var(--indent));
		border-radius: 0px;
	}
	.header___search-form__result {
		position: static;
		padding: 0px;
		margin-top: var(--indent_s);
		box-shadow: none;
		width: calc(100% + var(--indent_l) + var(--indent_s-m));
		max-width: calc(100% + var(--indent_l) + var(--indent_s-m));
		margin-left: calc(var(--indent_l) * -1);
		margin-right: calc(var(--indent_s-m) * -1);
		left: 0px;
		top: 0px;
		border-radius: 0;
		display: flex;
	}
	.header___search-form__result::before {
		width: calc(100% - var(--indent_l) - var(--indent_s-m));
		margin-bottom: var(--indent_s-m);
		margin-left: var(--indent_l);
	}
	
	
	
	/*MAIN*/
	.main___banner {
		padding-top: 50%; /*1680x840*/
	}
	
	
	/*GOOD*/
	.good___photo {
		position: static;
		top: 0px;
	}
	
	
	/*COMPARE*/
	.compare___goods__change {
		display: none;
	}
	.compare___goods__list {
		padding-left: 0px;
	}
	.compare___details__subsection {
		padding-left: 0px;
	}
	.compare___details__table {
		padding-left: 0px;
	}
	.compare___details__td {
		display: none;
	}
	
}


@media (max-width: 767px) /*m*//*425px*/ {
	/*ROOT*/
	:root {		
		--font-size_base: 14px;
	}
	
	
	/*DISPLAY NONE*/
	.none_m {
		display: none !important;
	}
	
	
	/*DISPLAY SHOW*/
	.show_m {
		display: flex !important;
	}
	
	
	/*GRID*/
	.grid__col_m {
		flex: 1 0 0% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	/*modification*/
	.grid__row_gap_none_m {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.grid__row_gap_none_m > .grid__col {
		padding: 0px;
	}
	.grid__row_gap_s_m {
		width: calc(100% + var(--indent_s));
		max-width: calc(100% + var(--indent_s));
		margin: calc((var(--indent_s) / 2) * -1);;
	}
	.grid__row_gap_s_m > .grid__col {
		padding: calc(var(--indent_s) / 2);
	}
	.grid__row_gap_m_m {
		width: calc(100% + var(--indent));
		max-width: calc(100% + var(--indent));
		margin: calc((var(--indent) / 2) * -1);;
	}
	.grid__row_gap_m_m > .grid__col {
		padding: calc(var(--indent) / 2);
	}
	.grid__row_gap_l_m {
		width: calc(100% + var(--indent_l));
		max-width: calc(100% + var(--indent_l));
		margin: calc((var(--indent_l) / 2) * -1);;
	}
	.grid__row_gap_l_m > .grid__col {
		padding: calc(var(--indent_l) / 2);
	}
	.grid__row_gap_xl_m {
		width: calc(100% + var(--indent_xl));
		max-width: calc(100% + var(--indent_xl));
		margin: calc((var(--indent_xl) / 2) * -1);;
	}
	.grid__row_gap_xl_m > .grid__col {
		padding: calc(var(--indent_xl) / 2);
	}
	.grid__row_gap_2xl_m {
		width: calc(100% + var(--indent_2xl));
		max-width: calc(100% + var(--indent_2xl));
		margin: calc((var(--indent_2xl) / 2) * -1);;
	}
	.grid__row_gap_2xl_m > .grid__col {
		padding: calc(var(--indent_2xl) / 2);
	}
	
	.grid__row_flex_1_m {
		flex: 1 !important;
	}
	.grid__row_direction_row_m {
		flex-direction: row;
	}
	.grid__row_direction_row-reverse_m {
		flex-direction: row-reverse;
	}
	.grid__row_direction_column_m {
		flex-direction: column;
	}
	.grid__row_direction_column-reverse_m {
		flex-direction: column-reverse;
	}
	.grid__row_flex-wrap_wrap_m {
		flex-wrap: wrap;
	}
	.grid__row_flex-wrap_nowrap_m {
		flex-wrap: nowrap;
	}
	.grid__row_flex-wrap_wrap-reverse_m {
		flex-wrap: wrap-reverse;
	}
	.grid__row_justify-items_center_m {
		justify-items: center;
	}
	.grid__row_justify-items_flex-start_m {
		justify-items: flex-start;
	}
	.grid__row_justify-items_flex-end_m {
		justify-items: flex-end;
	}
	.grid__row_justify-items_mtretch_m {
		justify-items: stretch;
	}
	.grid__row_justify-items_baseline_m {
		justify-items: baseline;
	}
	.grid__row_justify-content_flex-start_m {
		justify-content: flex-start;
	}
	.grid__row_justify-content_flex-end_m {
		justify-content: flex-end;
	}
	.grid__row_justify-content_mpace-around_m {
		justify-content: space-around;
	}
	.grid__row_justify-content_mpace-betwen_m {
		justify-content: space-between;
	}
	.grid__row_justify-content_center_m {
		justify-content: center;
	}
	.grid__row_align-items_center_m {
		align-items: center;
	}
	.grid__row_align-items_flex-start_m {
		align-items: flex-start;
	}
	.grid__row_align-items_flex-end_m {
		align-items: flex-end;
	}
	.grid__row_align-items_stretch_m {
		align-items: stretch;
	}
	.grid__row_align-items_baseline_m {
		align-items: baseline;
	}
	.grid__row_align-content_space-between_m {
		align-content: space-between;
	}
	.grid__row_align-content_space-around_m {
		align-content: space-around;
	}
	.grid__row_align-content_center_m {
		align-content: center;
	}
	.grid__row_align-content_flex-start_m {
		align-content: flex-start;
	}
	.grid__row_align-content_flex-end_m {
		align-content: flex-end;
	}
	.grid__row_align-content_stretch_m {
		align-content: stretch;
	}

	.grid__row_col_flex_0_1_auto_width_auto_m > .grid__col {
		flex: 0 1 auto;
		width: auto;
	}
	.grid__row_col_flex_0_1_auto_height_auto_m > .grid__col {
		flex: 0 1 auto;
		height: auto;
	}
	.grid__row_col_align-items_stretch_m > .grid__col {
		align-items: stretch;
	}
	.grid__row_col_flex-direction_row_m > .grid__col {
		flex-direction: row !important;
	}
	.grid__row_col_min-width_0_m > .grid__col {
		min-width: 0;
	}
	
	.grid__col_flex_1_m {
		flex: 1 !important;
	}
	.grid__col_flex-shrink_0_m {
		flex-shrink: 0 !important;
	}
	.grid__col_min-width_0_m {
		min-width: 0 !important;
	}

	.grid__col_align-items_flex-end_m {
		align-items: flex-end;
	}
	.grid__col_align-items_flex-start_m {
		align-items: flex-start;
	}
	.grid__col_align-items_stretch_m {
		align-items: stretch;
	}
	.grid__col_align-items_center_m {
		align-items: center;
	}
	.grid__col_align-items_baseline_m {
		align-items: baseline;
	}

	.grid__col_margin-left_auto_m {
		margin-left: auto;
	}
	.grid__col_margin-right_auto_m {
		margin-right: auto;
	}
	.grid__col_margin-top_auto_m {
		margin-top: auto;
	}
	.grid__col_margin-bottom_auto_m {
		margin-bottom: auto;
	}
	.grid__col_text-align_left_m {
		text-align: left;
	}
	.grid__col_text-align_right_m {
		text-align: right;
	}
	.grid__col_text-align_center_m {
		text-align: center;
	}
	/*col min width size*/
	.grid__col_min_1_m {
		min-width: var(--column_no-gap_1);
	}
	.grid__col_min_2_m {
		min-width: var(--column_no-gap_2);
	}
	.grid__col_min_3_m {
		min-width: var(--column_no-gap_3);
	}
	.grid__col_min_4_m {
		min-width: var(--column_no-gap_4);
	}
	.grid__col_min_5_m {
		min-width: var(--column_no-gap_5);
	}
	.grid__col_min_6_m {
		min-width: var(--column_no-gap_6);
	}
	.grid__col_min_7_m {
		min-width: var(--column_no-gap_7);
	}
	.grid__col_min_8_m {
		min-width: var(--column_no-gap_8);
	}
	.grid__col_min_9_m {
		min-width: var(--column_no-gap_9);
	}
	.grid__col_min_10_m {
		min-width: var(--column_no-gap_10);
	}
	.grid__col_min_11_m {
		min-width: var(--column_no-gap_11);
	}
	.grid__col_min_12_m {
		min-width: var(--column_no-gap_12);
	}
	/*col width size*/
	.grid__col_1_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_1) !important;
		max-width: var(--column_no-gap_1) !important;
	}
	.grid__col_2_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_2) !important;
		max-width: var(--column_no-gap_2) !important;
	}
	.grid__col_3_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_3) !important;
		max-width: var(--column_no-gap_3) !important;
	}
	.grid__col_4_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_4) !important;
		max-width: var(--column_no-gap_4) !important;
	}
	.grid__col_5_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_5) !important;
		max-width: var(--column_no-gap_5) !important;
	}
	.grid__col_6_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_6) !important;
		max-width: var(--column_no-gap_6) !important;
	}
	.grid__col_7_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_7) !important;
		max-width: var(--column_no-gap_7) !important;
	}
	.grid__col_8_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_8) !important;
		max-width: var(--column_no-gap_8) !important;
	}
	.grid__col_9_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_9) !important;
		max-width: var(--column_no-gap_9) !important;
	}
	.grid__col_10_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_10) !important;
		max-width: var(--column_no-gap_10) !important;
	}
	.grid__col_11_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_11) !important;
		max-width: var(--column_no-gap_11) !important;
	}
	.grid__col_12_m {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_12) !important;
		max-width: var(--column_no-gap_12) !important;
	}
	/*col order*/
	.grid__col_order_1_m {
		order: 1;
	}
	.grid__col_order_2_m {
		order: 2;
	}
	.grid__col_order_3_m {
		order: 3;
	}
	.grid__col_order_4_m {
		order: 4;
	}
	.grid__col_order_5_m {
		order: 5;
	}
	.grid__col_order_6_m {
		order: 6;
	}
	.grid__col_order_7_m {
		order: 7;
	}
	.grid__col_order_8_m {
		order: 8;
	}
	.grid__col_order_9_m {
		order: 9;
	}
	.grid__col_order_10_m {
		order: 10;
	}
	.grid__col_order_11_m {
		order: 11;
	}
	.grid__col_order_12_m {
		order: 12;
	}
	
	
	/*HEADING*/
	/*size*/
	.h_l {
		font-size: var(--font-size_m-l) !important;
		line-height: var(--line-height_m-l) !important;
	}
	
	
	/*DL LIST*/
	.dl {
		flex-direction: column;
		justify-content: flex-start;
	}
	.dl__dl {
		flex-direction: column;
	}
	.dl__dt {
		width: 100%;
		max-width: 100%;
	}
	.dl__dd {
		width: 100%;
		max-width: 100%;
		margin-top: var(--indent_s);
	}
	/*bordered*/
	.dl_bordered .dl__dt,
	.dl_bordered .dl__dd {
		width: var(--column_no-gap_12);
		padding-left: 0px;
		padding-right: 0px;
	}
	.dl_bordered .dl__dt {
		padding-bottom: var(--indent_s);
	}
	.dl_bordered .dl__dd {
		border-top: none;
		padding-top: 0px;
		text-align: left;
	}
	.dl_bordered .dl__dt:last-of-type {
		border-bottom: none;
	}
	
	
	/*BUTTON*/
	/*correction*/
	.btn_input_correction_recorrection_m {
		margin-top: 0px;
	}
	.btn_input_label_correction_recorrection_m {
		margin-top: 0px;
	}
	
	
	/*TABLE*/
	/*modification*/
	.table__td_min-width_320px {
		min-width: calc(320px - (var(--indent_l) * 2));
	}
	
	
	/*__________________________*/
	
	
}


@media (max-width: 424px) /*s*//*360px*/ {
	
	
	
	/*DISPLAY NONE*/
	.none_s {
		display: none !important;
	}
	
	
	/*DISPLAY SHOW*/
	.show_s {
		display: flex !important;
	}
	
	
	/*GRID*/
	.grid__col_s {
		flex: 1 0 0% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	/*modification*/
	.grid__row_gap_none_s {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.grid__row_gap_none_s > .grid__col {
		padding: 0px;
	}
	.grid__row_gap_s_s {
		width: calc(100% + var(--indent_s));
		max-width: calc(100% + var(--indent_s));
		margin: calc((var(--indent_s) / 2) * -1);;
	}
	.grid__row_gap_s_s > .grid__col {
		padding: calc(var(--indent_s) / 2);
	}
	.grid__row_gap_m_s {
		width: calc(100% + var(--indent));
		max-width: calc(100% + var(--indent));
		margin: calc((var(--indent) / 2) * -1);;
	}
	.grid__row_gap_m_s > .grid__col {
		padding: calc(var(--indent) / 2);
	}
	.grid__row_gap_l_s {
		width: calc(100% + var(--indent_l));
		max-width: calc(100% + var(--indent_l));
		margin: calc((var(--indent_l) / 2) * -1);;
	}
	.grid__row_gap_l_s > .grid__col {
		padding: calc(var(--indent_l) / 2);
	}
	.grid__row_gap_xl_s {
		width: calc(100% + var(--indent_xl));
		max-width: calc(100% + var(--indent_xl));
		margin: calc((var(--indent_xl) / 2) * -1);;
	}
	.grid__row_gap_xl_s > .grid__col {
		padding: calc(var(--indent_xl) / 2);
	}
	.grid__row_gap_2xl_s {
		width: calc(100% + var(--indent_2xl));
		max-width: calc(100% + var(--indent_2xl));
		margin: calc((var(--indent_2xl) / 2) * -1);;
	}
	.grid__row_gap_2xl_s > .grid__col {
		padding: calc(var(--indent_2xl) / 2);
	}
	
	.grid__row_flex_1_s {
		flex: 1 !important;
	}
	.grid__row_direction_row_s {
		flex-direction: row;
	}
	.grid__row_direction_row-reverse_s {
		flex-direction: row-reverse;
	}
	.grid__row_direction_column_s {
		flex-direction: column;
	}
	.grid__row_direction_column-reverse_s {
		flex-direction: column-reverse;
	}
	.grid__row_flex-wrap_wrap_s {
		flex-wrap: wrap;
	}
	.grid__row_flex-wrap_nowrap_s {
		flex-wrap: nowrap;
	}
	.grid__row_flex-wrap_wrap-reverse_s {
		flex-wrap: wrap-reverse;
	}
	.grid__row_justify-items_center_s {
		justify-items: center;
	}
	.grid__row_justify-items_flex-start_s {
		justify-items: flex-start;
	}
	.grid__row_justify-items_flex-end_s {
		justify-items: flex-end;
	}
	.grid__row_justify-items_stretch_s {
		justify-items: stretch;
	}
	.grid__row_justify-items_baseline_s {
		justify-items: baseline;
	}
	.grid__row_justify-content_flex-start_s {
		justify-content: flex-start;
	}
	.grid__row_justify-content_flex-end_s {
		justify-content: flex-end;
	}
	.grid__row_justify-content_space-around_s {
		justify-content: space-around;
	}
	.grid__row_justify-content_space-betwen_s {
		justify-content: space-between;
	}
	.grid__row_justify-content_center_s {
		justify-content: center;
	}
	.grid__row_align-items_center_s {
		align-items: center;
	}
	.grid__row_align-items_flex-start_s {
		align-items: flex-start;
	}
	.grid__row_align-items_flex-end_s {
		align-items: flex-end;
	}
	.grid__row_align-items_stretch_s {
		align-items: stretch;
	}
	.grid__row_align-items_baseline_s {
		align-items: baseline;
	}
	.grid__row_align-content_space-between_s {
		align-content: space-between;
	}
	.grid__row_align-content_space-around_s {
		align-content: space-around;
	}
	.grid__row_align-content_center_s {
		align-content: center;
	}
	.grid__row_align-content_flex-start_s {
		align-content: flex-start;
	}
	.grid__row_align-content_flex-end_s {
		align-content: flex-end;
	}
	.grid__row_align-content_stretch_s {
		align-content: stretch;
	}

	.grid__row_col_flex_0_1_auto_width_auto_s > .grid__col {
		flex: 0 1 auto;
		width: auto;
	}
	.grid__row_col_flex_0_1_auto_height_auto_s > .grid__col {
		flex: 0 1 auto;
		height: auto;
	}
	.grid__row_col_align-items_stretch_s > .grid__col {
		align-items: stretch;
	}
	.grid__row_col_flex-direction_row_s > .grid__col {
		flex-direction: row !important;
	}
	.grid__row_col_min-width_0_s > .grid__col {
		min-width: 0;
	}
	
	.grid__col_flex_1_s {
		flex: 1 !important;
	}
	.grid__col_flex-shrink_0_s {
		flex-shrink: 0 !important;
	}
	.grid__col_min-width_0_s {
		min-width: 0 !important;
	}
	
	.grid__col_align-items_flex-end_s {
		align-items: flex-end;
	}
	.grid__col_align-items_flex-start_s {
		align-items: flex-start;
	}
	.grid__col_align-items_stretch_s {
		align-items: stretch;
	}
	.grid__col_align-items_center_s {
		align-items: center;
	}
	.grid__col_align-items_baseline_s {
		align-items: baseline;
	}

	.grid__col_margin-left_auto_s {
		margin-left: auto;
	}
	.grid__col_margin-right_auto_s {
		margin-right: auto;
	}
	.grid__col_margin-top_auto_s {
		margin-top: auto;
	}
	.grid__col_margin-bottom_auto_s {
		margin-bottom: auto;
	}
	.grid__col_text-align_left_s {
		text-align: left;
	}
	.grid__col_text-align_right_s {
		text-align: right;
	}
	.grid__col_text-align_center_s {
		text-align: center;
	}
	/*col min width size*/
	.grid__col_min_1_s {
		min-width: var(--column_no-gap_1);
	}
	.grid__col_min_2_s {
		min-width: var(--column_no-gap_2);
	}
	.grid__col_min_3_s {
		min-width: var(--column_no-gap_3);
	}
	.grid__col_min_4_s {
		min-width: var(--column_no-gap_4);
	}
	.grid__col_min_5_s {
		min-width: var(--column_no-gap_5);
	}
	.grid__col_min_6_s {
		min-width: var(--column_no-gap_6);
	}
	.grid__col_min_7_s {
		min-width: var(--column_no-gap_7);
	}
	.grid__col_min_8_s {
		min-width: var(--column_no-gap_8);
	}
	.grid__col_min_9_s {
		min-width: var(--column_no-gap_9);
	}
	.grid__col_min_10_s {
		min-width: var(--column_no-gap_10);
	}
	.grid__col_min_11_s {
		min-width: var(--column_no-gap_11);
	}
	.grid__col_min_12_s {
		min-width: var(--column_no-gap_12);
	}
	/*col width size*/
	.grid__col_1_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_1) !important;
		max-width: var(--column_no-gap_1) !important;
	}
	.grid__col_2_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_2) !important;
		max-width: var(--column_no-gap_2) !important;
	}
	.grid__col_3_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_3) !important;
		max-width: var(--column_no-gap_3) !important;
	}
	.grid__col_4_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_4) !important;
		max-width: var(--column_no-gap_4) !important;
	}
	.grid__col_5_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_5) !important;
		max-width: var(--column_no-gap_5) !important;
	}
	.grid__col_6_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_6) !important;
		max-width: var(--column_no-gap_6) !important;
	}
	.grid__col_7_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_7) !important;
		max-width: var(--column_no-gap_7) !important;
	}
	.grid__col_8_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_8) !important;
		max-width: var(--column_no-gap_8) !important;
	}
	.grid__col_9_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_9) !important;
		max-width: var(--column_no-gap_9) !important;
	}
	.grid__col_10_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_10) !important;
		max-width: var(--column_no-gap_10) !important;
	}
	.grid__col_11_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_11) !important;
		max-width: var(--column_no-gap_11) !important;
	}
	.grid__col_12_s {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_12) !important;
		max-width: var(--column_no-gap_12) !important;
	}
	/*col order*/
	.grid__col_order_1_s {
		order: 1;
	}
	.grid__col_order_2_s {
		order: 2;
	}
	.grid__col_order_3_s {
		order: 3;
	}
	.grid__col_order_4_s {
		order: 4;
	}
	.grid__col_order_5_s {
		order: 5;
	}
	.grid__col_order_6_s {
		order: 6;
	}
	.grid__col_order_7_s {
		order: 7;
	}
	.grid__col_order_8_s {
		order: 8;
	}
	.grid__col_order_9_s {
		order: 9;
	}
	.grid__col_order_10_s {
		order: 10;
	}
	.grid__col_order_11_s {
		order: 11;
	}
	.grid__col_order_12_s {
		order: 12;
	}
	
	
	/*DL LIST*/
	.dl__dd {
		margin-top: calc(var(--indent_s) - var(--indent));
	}
	
	
	/*BUTTON*/
	/*correction*/
	.btn_input_correction_recorrection_s {
		margin-top: 0px;
	}
	.btn_input_label_correction_recorrection_s {
		margin-top: 0px;
	}
	
	
	
	
	
	/*__________________________*/
	
	
	
}


@media (max-width: 359px) /*xs*//*320px*/ {	
	/*ROOT*/
	:root {		
		--font-size_base: 13px;
		--line-height_base: 21px;
	}
	
	
	/*DISPLAY NONE*/
	.none_xs {
		display: none !important;
	}
	
	
	/*DISPLAY SHOW*/
	.show_xs {
		display: flex !important;
	}
	
	
	/*GRID*/
	.grid__col_xs {
		flex: 1 0 0% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	/*modification*/
	.grid__row_gap_none_xs {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	.grid__row_gap_none_xs > .grid__col {
		padding: 0px;
	}
	.grid__row_gap_s_xs {
		width: calc(100% + var(--indent_s));
		max-width: calc(100% + var(--indent_s));
		margin: calc((var(--indent_s) / 2) * -1);;
	}
	.grid__row_gap_s_xs > .grid__col {
		padding: calc(var(--indent_s) / 2);
	}
	.grid__row_gap_m_xs {
		width: calc(100% + var(--indent));
		max-width: calc(100% + var(--indent));
		margin: calc((var(--indent) / 2) * -1);;
	}
	.grid__row_gap_m_xs > .grid__col {
		padding: calc(var(--indent) / 2);
	}
	.grid__row_gap_l_xs {
		width: calc(100% + var(--indent_l));
		max-width: calc(100% + var(--indent_l));
		margin: calc((var(--indent_l) / 2) * -1);;
	}
	.grid__row_gap_l_xs > .grid__col {
		padding: calc(var(--indent_l) / 2);
	}
	.grid__row_gap_xl_xs {
		width: calc(100% + var(--indent_xl));
		max-width: calc(100% + var(--indent_xl));
		margin: calc((var(--indent_xl) / 2) * -1);;
	}
	.grid__row_gap_xl_xs > .grid__col {
		padding: calc(var(--indent_xl) / 2);
	}
	.grid__row_gap_2xl_xs {
		width: calc(100% + var(--indent_2xl));
		max-width: calc(100% + var(--indent_2xl));
		margin: calc((var(--indent_2xl) / 2) * -1);;
	}
	.grid__row_gap_2xl_xs > .grid__col {
		padding: calc(var(--indent_2xl) / 2);
	}
	
	.grid__row_flex_1_xs {
		flex: 1 !important;
	}
	.grid__row_direction_row_xs {
		flex-direction: row;
	}
	.grid__row_direction_row-reverse_xs {
		flex-direction: row-reverse;
	}
	.grid__row_direction_column_xs {
		flex-direction: column;
	}
	.grid__row_direction_column-reverse_xs {
		flex-direction: column-reverse;
	}
	.grid__row_flex-wrap_wrap_xs {
		flex-wrap: wrap;
	}
	.grid__row_flex-wrap_nowrap_xs {
		flex-wrap: nowrap;
	}
	.grid__row_flex-wrap_wrap-reverse_xs {
		flex-wrap: wrap-reverse;
	}
	.grid__row_justify-items_center_xs {
		justify-items: center;
	}
	.grid__row_justify-items_flex-start_xs {
		justify-items: flex-start;
	}
	.grid__row_justify-items_flex-end_xs {
		justify-items: flex-end;
	}
	.grid__row_justify-items_stretch_xs {
		justify-items: stretch;
	}
	.grid__row_justify-items_baseline_xs {
		justify-items: baseline;
	}
	.grid__row_justify-content_flex-start_xs {
		justify-content: flex-start;
	}
	.grid__row_justify-content_flex-end_xs {
		justify-content: flex-end;
	}
	.grid__row_justify-content_space-around_xs {
		justify-content: space-around;
	}
	.grid__row_justify-content_space-betwen_xs {
		justify-content: space-between;
	}
	.grid__row_justify-content_center_xs {
		justify-content: center;
	}
	.grid__row_align-items_center_xs {
		align-items: center;
	}
	.grid__row_align-items_flex-start_xs {
		align-items: flex-start;
	}
	.grid__row_align-items_flex-end_xs {
		align-items: flex-end;
	}
	.grid__row_align-items_stretch_xs {
		align-items: stretch;
	}
	.grid__row_align-items_baseline_xs {
		align-items: baseline;
	}
	.grid__row_align-content_space-between_xs {
		align-content: space-between;
	}
	.grid__row_align-content_space-around_xs {
		align-content: space-around;
	}
	.grid__row_align-content_center_xs {
		align-content: center;
	}
	.grid__row_align-content_flex-start_xs {
		align-content: flex-start;
	}
	.grid__row_align-content_flex-end_xs {
		align-content: flex-end;
	}
	.grid__row_align-content_stretch_xs {
		align-content: stretch;
	}

	.grid__row_col_flex_0_1_auto_width_auto_xs > .grid__col {
		flex: 0 1 auto;
		width: auto;
	}
	.grid__row_col_flex_0_1_auto_height_auto_xs > .grid__col {
		flex: 0 1 auto;
		height: auto;
	}
	.grid__row_col_align-items_stretch_xs > .grid__col {
		align-items: stretch;
	}
	.grid__row_col_flex-direction_row_xs > .grid__col {
		flex-direction: row !important;
	}
	.grid__row_col_min-width_0_xs > .grid__col {
		min-width: 0;
	}
	
	.grid__col_flex_1_xs {
		flex: 1 !important;
	}
	.grid__col_flex-shrink_0_xs {
		flex-shrink: 0 !important;
	}
	.grid__col_min-width_0_xs {
		min-width: 0 !important;
	}
	
	.grid__col_align-items_flex-end_xs {
		align-items: flex-end;
	}
	.grid__col_align-items_flex-start_xs {
		align-items: flex-start;
	}
	.grid__col_align-items_stretch_xs {
		align-items: stretch;
	}
	.grid__col_align-items_center_xs {
		align-items: center;
	}
	.grid__col_align-items_baseline_xs {
		align-items: baseline;
	}

	.grid__col_margin-left_auto_xs {
		margin-left: auto;
	}
	.grid__col_margin-right_auto_xs {
		margin-right: auto;
	}
	.grid__col_margin-top_auto_xs {
		margin-top: auto;
	}
	.grid__col_margin-bottom_auto_xs {
		margin-bottom: auto;
	}
	.grid__col_text-align_left_xs {
		text-align: left;
	}
	.grid__col_text-align_right_xs {
		text-align: right;
	}
	.grid__col_text-align_center_xs {
		text-align: center;
	}
	/*col min width size*/
	.grid__col_min-1_xs {
		min-width: var(--column_no-gap_1);
	}
	.grid__col_min-2_xs {
		min-width: var(--column_no-gap_2);
	}
	.grid__col_min-3_xs {
		min-width: var(--column_no-gap_3);
	}
	.grid__col_min-4_xs {
		min-width: var(--column_no-gap_4);
	}
	.grid__col_min-5_xs {
		min-width: var(--column_no-gap_5);
	}
	.grid__col_min-6_xs {
		min-width: var(--column_no-gap_6);
	}
	.grid__col_min-7_xs {
		min-width: var(--column_no-gap_7);
	}
	.grid__col_min-8_xs {
		min-width: var(--column_no-gap_8);
	}
	.grid__col_min-9_xs {
		min-width: var(--column_no-gap_9);
	}
	.grid__col_min-10_xs {
		min-width: var(--column_no-gap_10);
	}
	.grid__col_min-11_xs {
		min-width: var(--column_no-gap_11);
	}
	.grid__col_min-12_xs {
		min-width: var(--column_no-gap_12);
	}
	/*col width size*/
	.grid__col_1_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_1) !important;
		max-width: var(--column_no-gap_1) !important;
	}
	.grid__col_2_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_2) !important;
		max-width: var(--column_no-gap_2) !important;
	}
	.grid__col_3_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_3) !important;
		max-width: var(--column_no-gap_3) !important;
	}
	.grid__col_4_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_4) !important;
		max-width: var(--column_no-gap_4) !important;
	}
	.grid__col_5_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_5) !important;
		max-width: var(--column_no-gap_5) !important;
	}
	.grid__col_6_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_6) !important;
		max-width: var(--column_no-gap_6) !important;
	}
	.grid__col_7_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_7) !important;
		max-width: var(--column_no-gap_7) !important;
	}
	.grid__col_8_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_8) !important;
		max-width: var(--column_no-gap_8) !important;
	}
	.grid__col_9_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_9) !important;
		max-width: var(--column_no-gap_9) !important;
	}
	.grid__col_10_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_10) !important;
		max-width: var(--column_no-gap_10) !important;
	}
	.grid__col_11_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_11) !important;
		max-width: var(--column_no-gap_11) !important;
	}
	.grid__col_12_xs {
		flex: 0 0 auto !important;
		width: var(--column_no-gap_12) !important;
		max-width: var(--column_no-gap_12) !important;
	}
	/*col order*/
	.grid__col_order_1_xs {
		order: 1;
	}
	.grid__col_order_2_xs {
		order: 2;
	}
	.grid__col_order_3_xs {
		order: 3;
	}
	.grid__col_order_4_xs {
		order: 4;
	}
	.grid__col_order_5_xs {
		order: 5;
	}
	.grid__col_order_6_xs {
		order: 6;
	}
	.grid__col_order_7_xs {
		order: 7;
	}
	.grid__col_order_8_xs {
		order: 8;
	}
	.grid__col_order_9_xs {
		order: 9;
	}
	.grid__col_order_10_xs {
		order: 10;
	}
	.grid__col_order_11_xs {
		order: 11;
	}
	.grid__col_order_12_xs {
		order: 12;
	}
	
	
	/*DL LIST*/
	.dl__dd {
		margin-top: calc(var(--indent_s) - var(--indent));
	}
	
	
	/*BUTTON*/
	/*correction*/
	.btn_input_correction_recorrection_xs {
		margin-top: 0px;
	}
	.btn_input_label_correction_recorrection_xs {
		margin-top: 0px;
	}
	
	
	/*__________________________*/
	
	
	
}

.help-button{
	color: var(--color_red_100) !important;
}

.face-id-frame{
    width: 100% !important;
	height: 100% !important;
	min-width: 300px;
	min-height: 400px;
    /*border-radius: 50%;*/
    margin: auto;
    background: white;
    border-width: 5px;
	/*aspect-ratio: 1/1;*/
	padding: 0px;
	border-radius: var(--border-radius);
    border-style: solid;
}

.face-id-frame-success{
	border-color: var(--color_green_100) !important;
}

.face-id-frame-working{
	border-color: var(--color_orange_100) !important;
}

.face-id-frame-error{
	border-color: var(--color_red_100) !important;
}

.aether-product-category{
	color: var(--color_grey_70);
}

.finded_string{
	color: var(--color_red_90);
}