:root {

  --gray-dark: #606A70;
  --gray: #90909D;
  --gray-light: #ccc;
	--gray-lightest: #f6f6f6;
	--gray-lightest2: #eee;
	--gray-blue:#afbaba;
	--green: #519000; /* !!! */
	--orange-dark: #ff3333;
	--orange: #ff3333;
	--orange-light: #ff9900;
	--blue-dark: #00cccc;
	--blue-fb: #4267b2;
	--red: #ff3333;
	--white: #fff;
	--color-facebook: #4267b2;
	--color-facebook-hover: #18326B;


	--shadow-top: 0px -1px 3px rgba(0,0,0,0.25);
	--shadow0: 0px 1px 3px rgba(0,0,0,0.15);
	--shadow1: 0px 1px 3px rgba(0,0,0,0.25);
	--shadow2: 0px 2px 4px rgba(0,0,0,0.10);
	--shadow3: 0px 7px 25px 1px rgba(0,116,29,0.30);
  --shadow4: 0px 1px 4px rgba(0, 0, 0, 0.20); /* eco-score icon */

	--shadow-inset: inset 0px 1px 5px rgba(0,0,0,0.15);

	--radius5: 5px;
	--radius8: 8px;
	--radius10: 10px;

	--padding25: 25px;


  /* ------------------------------ */

    --eco-gray: #555763;
    --eco-gray1: #90909D;
    --eco-gray1_1: #999999;
    --eco-gray2: #6D749F;
    --eco-gray3: #606270;   /* main menu */
    --eco-gray4: #D4D9DE;   /* border in fields */
    --eco-gray4_1: #EFEFEF;   /* border in fields */
    --eco-gray4_2: #AFBAC5;   /* NEW border in fields */
    --eco-gray5: #eee;      /* spacer in menues */
    --gray6: #F9F9F9; /* filter BG */

    --eco-green: #519000; /*#00CC33;*/
    --eco-green1: #519000; /*#01BC2F; */
    --eco-green2: #AAD926; /* #5FFF87; */

    --eco-blue: #18326B; /*#3939BC;*/

    --eco-orange: #FF7A00;

    --eco-white: #ffffff;

    --eco-beige: #FAF9F2;

    --eco-transparent: rgba(255, 255, 255, 0);
    --eco-fade: rgba(0,0,0,.50);


    --eco-shadow1:  0px 2px 15px 0px  rgba(0, 116, 12, 0.10);
    --eco-shadow2:  0px 1px 4px 0px rgba(0, 0, 0, 0.15); /* base shadow in elements */
    --eco-shadow2_1:  0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    --eco-shadow3:  0px 3px 10px 0px rgba(0, 0, 0, 0.20); /* dropdown menu */

    --shadow-green:  0px 4px 10px 0px rgba(0, 204, 51, 0.25);



    --eco-radius: 15px;
    --eco-radius1: 5px;

    /* font-size */
    --fs1: 52px;
    --fs1_1: 42px;
    --fs_deco: 32px;
    --fs2: 32px;
    --fs2_1: 28px; /* для _block в h2 */
    --fs3: 24px;

    --fs_md: 18px;

    --fs4: 16px;
    --fs4_1: 16px; /* основной размер текстта */

    --fs5: 15px;
    --fs6: 14px;
    --fs7: 12px;
    --fs8: 11px;


    /* -------------------------------------- */
    --fs135_56: 136px; /* для FAQ */
    --fs16_14: 16px; /* название для респонсива - так переименовать все */

    --fs14_13: 14px;

    --fs__general: 15px;

    --fs36_24: 36px; /* h1 */
    --fs28_22: 28px; /* h2 */

    --fs20_18: 20px; /* для блога */

    --fs22_20: 22px; /* для блога */

    --fs18_16: 18px; /* для блога */



    --mb0:5px;
    --mb1:15px;

    --mb20:20px;

    --mb2:30px;
    --mb3:45px;
    --mb4:60px;
    --mb5:75px;

    --mb7px:7px;

    /* negative values */
    --mb-0:-5px;
    --mb-1:-15px;
    --mb-2:-30px;

    --mb-20:-20px;


    /*
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    */

}