/*VARIABLES*/
:root {
	/*colors*/
	--c-black:#000;
	--c-black-rgba-10:rgba(0,0,0,0.1);
	--c-black-rgba-20:rgba(0,0,0,0.2);
	--c-black-rgba-30:rgba(0,0,0,0.3);
	--c-black-rgba-50:rgba(0,0,0,0.5);
	--c-black-rgba-60:rgba(0,0,0,0.6);
	--c-black-rgba-70:rgba(0,0,0,0.7);
	--c-black-rgba-80:rgba(0,0,0,0.8);
	--c-black-rgba-85:rgba(0,0,0,0.85);
	--c-blue:#2c77bc;
	--c-green:#39b54a;
	--c-green-rgba-0:rgba(57,181,74,0);
	--c-grey-14:#231f20;
	--c-grey-25:#404041;
	--c-grey-35:#58585a;
	--c-grey-50:#7e8080;
	--c-grey-55:#8b8c8c;
	--c-grey-65:#a4a6a6;
	--c-grey-70:#b3b3b3;
	--c-grey-85:#d7d9d9;
	--c-grey-90:#e3e5e5;
	--c-grey-93:#ebecec;
	--c-grey-96:#f2f5f5;
	--c-grey-98:#f9f9f9;
	--c-grey-14-rgba-90:rgba(35,31,32,0.9);
	--c-grey-25-rgba-70:rgba(64,64,65,0.7);
	--c-lightblue:#5bc0eb;
	--c-lightgreen-1:#aae1a1;
	--c-lightgreen-2:#93d089;
	--c-lightred:#fb9696;
	--c-lightyellow-1:#ede495;
	--c-lightyellow-2:#f4f2bb;
	--c-orange:#d19725;
	--c-pink:#fb9696;
	--c-purple:#663399;
	--c-red:#cc0000;
	--c-white:#fff;
	--c-white-rgba-0:rgba(255,255,255,0);
	--c-white-rgba-40:rgba(255,255,255,0.4);
	--c-white-rgba-60:rgba(255,255,255,0.6);
	--c-white-rgba-70:rgba(255,255,255,0.7);
	--c-violet:#a930dc;
	--c-yellow:#eac30e;

	/*fonts*/
	--main-font:"Figtree", sans-serif;
	--titles-font:"Barlow", sans-serif;

	/*fonts weights*/
	--w-black:900;
	--w-extrabold:800;
	--w-bold:700;
	--w-semibold:600;
	--w-medium:500;
	--w-regular:400;
	--w-light:300;
	--w-extralight:200;
	--w-thin:100;

	/*sizes-spacing*/
	--toolbar-height:60px;
	--head-height:110px;
	--main-spacing:40px;
	--head-spacing:20px;
	--foot-spacing:40px;
	--cnt-width:1200px;
	--cnt-margin-1:20px;
	--cnt-margin-2:20px;
	--cnt-margin-3:20px;
	--cnt-margin-4:20px;
	--cnt-margin-5:20px;
	--panels-radius:10px;
	--boxes-radius:10px;
	--switch-radius:8px;
	--ico-size-1:22px;
	--ico-size-2:20px;
	--ico-size-3:36px;
	--ico-size-4:20px;
	--ico-size-5:16px;
	--ico-size-6:18px;
	--ico-size-7:22px;
	--ico-size-8:13px;
	--tbl-padding:10px;
	--flt-padding-1:30px;

	/*forms*/
	--fld-height-1:36px;
	--fld-height-2:34px;
	--fld-height-3:28px;
	--fld-height-4:26px;
	--fld-height-5:30px;
	--fld-padding-1:10px;
	--fld-padding-2:8px;
	--fld-radius:4px;
	--sel-arrow-1:8px 6px;
	--sel-arrow-2:7px 5px;
	--txt-padding-1:5px 10px;
	--chk-size-1:14px;
	--chk-size-2:13px;
	--chk-radius:2px;
	--chk-gap:7px;
	--chk-icon-1:8px auto;
	--chk-icon-2:7px auto;
	--rdo-icon-1:6px auto;
	--lbl-height:10px;
	--lbl-margin:8px;
	--ico-pwd-1:16px;
	--ico-pwd-2:14px;
	--btn-padding-1:20px;
	--btn-padding-2:12px;

	/*popups*/
	--pp-width-1:300px;
	--pp-width-2:600px;
	--pp-width-3:700px;
	--pp-width-4:800px;
	--pp-btn-1:46px;
	--pp-btn-2:44px;

	/*fonts sizes*/
	--fnt-base:0.85em;
	--fnt-bigger-1:0.90em;
	--fnt-bigger-2:0.95em;
	--fnt-bigger-3:1.00em;
	--fnt-bigger-4:1.05em;
	--fnt-bigger-5:1.10em;
	--fnt-bigger-6:1.20em;
	--fnt-bigger-7:1.30em;
	--fnt-bigger-8:1.40em;
	--fnt-bigger-9:1.50em;
	--fnt-bigger-10:1.60em;
	--fnt-bigger-11:1.70em;
	--fnt-bigger-12:1.80em;
	--fnt-bigger-13:3.50em;
	--fnt-smaller-1:0.80em;
	--fnt-smaller-2:0.75em;
	--fnt-smaller-3:0.70em;
	--fnt-smaller-4:0.65em;
	--fnt-smaller-5:0.60em;
	--fnt-smaller-6:0.55em;
	--fnt-responsive-1:3vw;
}

/*RESPONSIVITY*/
@media only screen and (min-width:320px) and (max-width:1024px) {
	:root {
		/*sizes-spacing*/
		--toolbar-height:48px;
		--head-height:80px;
		--main-spacing:20px;
		--head-spacing:18px;
		--foot-spacing:25px;
		--cnt-width:100%;
		--cnt-margin-1:16px;
		--cnt-margin-2:15px;
		--cnt-margin-3:15px;
		--cnt-margin-4:14px;
		--cnt-margin-5:15px;
		--ico-size-1:16px;
		--ico-size-2:14px;
		--ico-size-3:28px;
		--ico-size-4:16px;
		--ico-size-5:14px;
		--ico-size-6:14px;
		--ico-size-7:18px;
		--ico-size-8:11px;
		--tbl-padding:8px;
		--flt-padding-1:22px;

		/*forms*/
		--fld-height-1:32px;
		--fld-height-2:30px;
		--fld-height-3:24px;
		--fld-height-4:22px;
		--fld-height-5:26px;
		--fld-padding-1:8px;
		--sel-arrow-1:7px 5px;
		--sel-arrow-2:6px 4px;
		--txt-padding-1:4px 8px;
		--chk-size-1:12px;
		--chk-size-2:11px;
		--lbl-height:9px;
		--lbl-margin:7px;
		--chk-icon-1:6px auto;
		--chk-icon-2:6px auto;
		--rdo-icon-1:5px auto;
		--ico-pwd-1:14px;
		--ico-pwd-2:12px;
		--btn-padding-1:18px;
		--btn-padding-2:10px;

		/*popups*/
		--pp-width-1:250px;
		--pp-width-2:520px;
		--pp-width-3:570px;
		--pp-width-4:680px;
		--pp-btn-1:42px;
		--pp-btn-2:40px;

		/*fonts sizes*/
		--fnt-base:0.75em;
		--fnt-bigger-1:0.80em;
		--fnt-bigger-2:0.85em;
		--fnt-bigger-3:0.90em;
		--fnt-bigger-4:0.95em;
		--fnt-bigger-5:1.00em;
		--fnt-bigger-6:1.10em;
		--fnt-bigger-7:1.20em;
		--fnt-bigger-8:1.30em;
		--fnt-bigger-9:1.40em;
		--fnt-bigger-10:1.50em;
		--fnt-bigger-11:1.60em;
		--fnt-bigger-12:1.70em;
		--fnt-smaller-1:0.70em;
		--fnt-smaller-2:0.65em;
		--fnt-smaller-3:0.60em;
		--fnt-smaller-4:0.55em;
		--fnt-smaller-5:0.50em;
		--fnt-smaller-6:0.45em;
	}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	:root {
		/*sizes-spacing*/
		--toolbar-height:48px;
		--head-height:80px;
		--main-spacing:25px;
		--head-spacing:18px;
		--foot-spacing:25px;
		--cnt-width:970px;
		--cnt-margin-1:16px;
		--cnt-margin-2:15px;
		--cnt-margin-3:15px;
		--cnt-margin-4:14px;
		--cnt-margin-5:15px;
		--ico-size-1:16px;
		--ico-size-2:14px;
		--ico-size-3:28px;
		--ico-size-4:16px;
		--ico-size-5:14px;
		--ico-size-6:14px;
		--ico-size-7:18px;
		--ico-size-8:11px;
		--tbl-padding:8px;
		--flt-padding-1:22px;

		/*forms*/
		--fld-height-1:32px;
		--fld-height-2:30px;
		--fld-height-3:24px;
		--fld-height-4:22px;
		--fld-height-5:26px;
		--fld-padding-1:8px;
		--sel-arrow-1:7px 5px;
		--sel-arrow-2:6px 4px;
		--txt-padding-1:4px 8px;
		--chk-size-1:12px;
		--chk-size-2:11px;
		--lbl-height:9px;
		--lbl-margin:7px;
		--chk-icon-1:6px auto;
		--chk-icon-2:6px auto;
		--rdo-icon-1:5px auto;
		--ico-pwd-1:14px;
		--ico-pwd-2:12px;
		--btn-padding-1:18px;
		--btn-padding-2:10px;

		/*popups*/
		--pp-width-1:250px;
		--pp-width-2:520px;
		--pp-width-3:570px;
		--pp-width-4:680px;
		--pp-btn-1:42px;
		--pp-btn-2:40px;

		/*fonts sizes*/
		--fnt-base:0.75em;
		--fnt-bigger-1:0.80em;
		--fnt-bigger-2:0.85em;
		--fnt-bigger-3:0.90em;
		--fnt-bigger-4:0.95em;
		--fnt-bigger-5:1.00em;
		--fnt-bigger-6:1.10em;
		--fnt-bigger-7:1.20em;
		--fnt-bigger-8:1.30em;
		--fnt-bigger-9:1.40em;
		--fnt-bigger-10:1.50em;
		--fnt-bigger-11:1.60em;
		--fnt-bigger-12:1.70em;
		--fnt-smaller-1:0.70em;
		--fnt-smaller-2:0.65em;
		--fnt-smaller-3:0.60em;
		--fnt-smaller-4:0.55em;
		--fnt-smaller-5:0.50em;
		--fnt-smaller-6:0.45em;
	}
}

@media only screen and (min-width:1281px) and (max-width:1500px) {
	:root {
		/*sizes-spacing*/
		--toolbar-height:52px;
		--head-height:90px;
		--main-spacing:30px;
		--head-spacing:20px;
		--foot-spacing:30px;
		--cnt-width:1000px;
		--cnt-margin-1:18px;
		--cnt-margin-2:15px;
		--cnt-margin-3:15px;
		--cnt-margin-4:16px;
		--cnt-margin-5:18px;
		--ico-size-1:18px;
		--ico-size-2:16px;
		--ico-size-3:32px;
		--ico-size-4:18px;
		--ico-size-5:15px;
		--ico-size-6:16px;
		--ico-size-7:20px;
		--ico-size-8:12px;
		--tbl-padding:9px;
		--flt-padding-1:25px;

		/*forms*/
		--fld-height-1:34px;
		--fld-height-2:32px;
		--fld-height-3:26px;
		--fld-height-4:24px;
		--fld-height-5:28px;
		--chk-size-1:13px;
		--chk-size-2:12px;
		--lbl-height:9px;
		--chk-icon-1:7px auto;
		--chk-icon-2:6px auto;
		--ico-pwd-1:14px;
		--ico-pwd-2:12px;

		/*popups*/
		--pp-width-1:260px;
		--pp-width-2:550px;
		--pp-width-3:630px;
		--pp-width-4:730px;
		--pp-btn-1:44px;
		--pp-btn-2:42px;

		/*fonts sizes*/
		--fnt-base:0.78em;
		--fnt-bigger-1:0.83em;
		--fnt-bigger-2:0.88em;
		--fnt-bigger-3:0.93em;
		--fnt-bigger-4:0.98em;
		--fnt-bigger-5:1.03em;
		--fnt-bigger-6:1.13em;
		--fnt-bigger-7:1.23em;
		--fnt-bigger-8:1.33em;
		--fnt-bigger-9:1.43em;
		--fnt-bigger-10:1.53em;
		--fnt-bigger-11:1.63em;
		--fnt-bigger-12:1.73em;
		--fnt-smaller-1:0.73em;
		--fnt-smaller-2:0.68em;
		--fnt-smaller-3:0.63em;
		--fnt-smaller-4:0.58em;
		--fnt-smaller-5:0.53em;
		--fnt-smaller-6:0.48em;
	}
}

@media only screen and (min-width:1501px) and (max-width:1950px) {
	:root {
		/*sizes-spacing*/
		--toolbar-height:56px;
		--head-height:100px;
		--main-spacing:35px;
		--head-spacing:20px;
		--foot-spacing:35px;
		--cnt-width:1100px;
		--cnt-margin-1:18px;
		--cnt-margin-2:18px;
		--cnt-margin-4:16px;
		--cnt-margin-5:18px;
		--ico-size-1:20px;
		--ico-size-2:18px;
		--ico-size-3:34px;
		--ico-size-4:18px;
		--ico-size-5:15px;
		--ico-size-6:16px;
		--ico-size-7:20px;
		--ico-size-8:12px;
		--tbl-padding:9px;
		--flt-padding-1:28px;

		/*forms*/
		--fld-height-1:34px;
		--fld-height-2:32px;
		--fld-height-3:26px;
		--fld-height-4:24px;
		--fld-height-5:28px;
		--chk-size-1:13px;
		--chk-size-2:12px;
		--chk-icon-1:7px auto;
		--chk-icon-2:6px auto;
		--ico-pwd-1:14px;
		--ico-pwd-2:12px;

		/*popups*/
		--pp-width-1:280px;
		--pp-width-2:550px;
		--pp-width-3:650px;
		--pp-width-4:750px;
		--pp-btn-1:44px;
		--pp-btn-2:42px;

		/*fonts sizes*/
		--fnt-base:0.80em;
		--fnt-bigger-1:0.85em;
		--fnt-bigger-2:0.90em;
		--fnt-bigger-3:0.95em;
		--fnt-bigger-4:1.00em;
		--fnt-bigger-5:1.05em;
		--fnt-bigger-6:1.15em;
		--fnt-bigger-7:1.25em;
		--fnt-bigger-8:1.35em;
		--fnt-bigger-9:1.45em;
		--fnt-bigger-10:1.55em;
		--fnt-bigger-11:1.65em;
		--fnt-bigger-12:1.75em;
		--fnt-bigger-13:3.50em;
		--fnt-smaller-1:0.75em;
		--fnt-smaller-2:0.70em;
		--fnt-smaller-3:0.65em;
		--fnt-smaller-4:0.60em;
		--fnt-smaller-5:0.55em;
		--fnt-smaller-6:0.50em;
	}
}

/*TABLET*/
@media only screen and (min-device-width:744px) and (max-device-width:1024px) {
	:root {
		/*sizes-spacing*/
		--toolbar-height:38px;
		--head-height:66px;
		--main-spacing:15px;
		--head-spacing:15px;
		--foot-spacing:20px;
		--cnt-width:100%;
		--cnt-margin-1:15px;
		--boxes-radius:8px;
		--ico-size-1:14px;
		--ico-size-2:14px;
		--ico-size-3:26px;
		--ico-size-4:14px;
		--ico-size-5:12px;
		--ico-size-6:12px;
		--ico-size-7:16px;
		--tbl-padding:8px;
		--flt-padding-1:20px;

		/*forms*/
		--fld-height-1:30px;
		--fld-height-2:28px;
		/*--fld-height-3:22px;*/
		--fld-height-4:20px;
		--fld-height-5:24px;
		--chk-size-1:11px;
		--chk-gap:6px;
		--lbl-height:8px;
		--chk-icon-1:5px auto;
		--chk-icon-2:5px auto;
		--ico-pwd-1:12px;
		--ico-pwd-2:11px;
		--btn-padding-1:17px;

		/*popups*/
		--pp-width-1:240px;
		--pp-width-2:500px;
		--pp-btn-1:40px;
		--pp-btn-2:38px;
	}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:portrait) {
	:root {
		/*popups*/
		--pp-width-3:75%;
		--pp-width-4:80%;

		/*fonts sizes*/
		--fnt-base:1.55vw;
		--fnt-bigger-1:1.6vw;
		--fnt-bigger-2:1.65vw;
		--fnt-bigger-3:1.7vw;
		--fnt-bigger-4:1.75vw;
		--fnt-bigger-5:1.8vw;
		--fnt-bigger-6:1.9vw;
		--fnt-bigger-7:2vw;
		--fnt-bigger-8:2.1vw;
		--fnt-bigger-9:2.2vw;
		--fnt-bigger-10:2.3vw;
		--fnt-bigger-11:2.4vw;
		--fnt-bigger-12:2.5vw;
		--fnt-smaller-1:1.4vw;
		--fnt-smaller-2:1.35vw;
		--fnt-smaller-3:1.3vw;
		--fnt-smaller-4:1.25vw;
		--fnt-smaller-5:1.2vw;
		--fnt-smaller-6:0.95vw;
	}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:landscape) {
	:root {
		/*popups*/
		--pp-width-3:55%;
		--pp-width-4:650px;

		/*fonts sizes*/
		--fnt-base:1.15vw;
		--fnt-bigger-1:1.2vw;
		--fnt-bigger-2:1.25vw;
		--fnt-bigger-3:1.3vw;
		--fnt-bigger-4:1.35vw;
		--fnt-bigger-5:1.4vw;
		--fnt-bigger-6:1.5vw;
		--fnt-bigger-7:1.6vw;
		--fnt-bigger-8:1.7vw;
		--fnt-bigger-9:1.8vw;
		--fnt-bigger-10:1.9vw;
		--fnt-bigger-11:2vw;
		--fnt-bigger-12:2.1vw;
		--fnt-smaller-1:1.1vw;
		--fnt-smaller-2:1.05vw;
		--fnt-smaller-3:1vw;
		--fnt-smaller-4:0.95vw;
		--fnt-smaller-5:0.9vw;
		--fnt-smaller-6:0.7vw;
	}
}

/*SMARTPHONE*/
@media only screen and (min-device-width:320px) and (max-device-width:743px) {
	:root {
		/*sizes-spacing*/
		--toolbar-height:34px;
		--head-height:56px;
		--main-spacing:10px;
		--head-spacing:12px;
		--foot-spacing:20px;
		--cnt-width:100%;
		--cnt-margin-1:10px;
		--cnt-margin-3:10px;
		--cnt-margin-4:12px;
		--cnt-margin-5:12px;
		--boxes-radius:6px;
		--ico-size-1:13px;
		--ico-size-2:12px;
		--ico-size-3:26px;
		--ico-size-4:14px;
		--ico-size-5:12px;
		--ico-size-6:12px;
		--ico-size-7:16px;
		--ico-size-8:10px;
		--tbl-padding:7px;
		--flt-padding-1:20px;

		/*forms*/
		--fld-height-1:28px;
		--fld-height-2:28px;
		--fld-height-4:20px;
		--fld-height-5:24px;
		--fld-padding-2:6px;
		--sel-arrow-1:6px 4px;
		--chk-size-1:11px;
		--chk-size-2:10px;
		--chk-gap:6px;
		--lbl-height:8px;
		--lbl-margin:6px;
		--chk-icon-1:5px auto;
		--chk-icon-2:5px auto;
		--ico-pwd-1:12px;
		--ico-pwd-2:11px;
		--btn-padding-1:15px;

		/*popups*/
		--pp-width-1:240px;
		--pp-width-3:700px;
		--pp-btn-1:38px;
		--pp-btn-2:36px;
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (max-aspect-ratio:13/9) {
	:root {
		/*popups*/
		--pp-width-2:95%;
		--pp-width-3:95%;
		--pp-width-4:95%;

		/*fonts sizes*/
		--fnt-base:2.2vw;
		--fnt-bigger-1:2.4vw;
		--fnt-bigger-2:2.6vw;
		--fnt-bigger-3:2.8vw;
		--fnt-bigger-4:3vw;
		--fnt-bigger-5:3.2vw;
		--fnt-bigger-6:3.6vw;
		--fnt-bigger-7:4vw;
		--fnt-bigger-8:4.4vw;
		--fnt-bigger-9:4.8vw;
		--fnt-bigger-10:5vw;
		--fnt-bigger-11:5.2vw;
		--fnt-bigger-12:5.4vw;
		--fnt-smaller-1:2vw;
		--fnt-smaller-2:1.8vw;
		--fnt-smaller-3:1.6vw;
		--fnt-smaller-4:1.4vw;
		--fnt-smaller-5:1.2vw;
		--fnt-smaller-6:1vw;
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (min-aspect-ratio:13/9) {
	:root {
		/*popups*/
		--pp-width-2:70%;
		--pp-width-3:75%;
		--pp-width-4:90%;

		/*fonts sizes*/
		--fnt-base:1.65vw;
		--fnt-bigger-1:1.7vw;
		--fnt-bigger-2:1.75vw;
		--fnt-bigger-3:1.8vw;
		--fnt-bigger-4:1.85vw;
		--fnt-bigger-5:1.9vw;
		--fnt-bigger-6:2vw;
		--fnt-bigger-7:2.1vw;
		--fnt-bigger-8:2.2vw;
		--fnt-bigger-9:2.3vw;
		--fnt-bigger-10:2.4vw;
		--fnt-bigger-11:2.5vw;
		--fnt-bigger-12:2.6vw;
		--fnt-smaller-1:1.5vw;
		--fnt-smaller-2:1.45vw;
		--fnt-smaller-3:1.4vw;
		--fnt-smaller-4:1.35vw;
		--fnt-smaller-5:1.3vw;
		--fnt-smaller-6:1.05vw;
	}
}