@charset "UTF-8";

@-webkit-keyframes beam-blink {
	75% {
		border-color: transparent;
	}
}

@keyframes beam-blink {
	75% {
		border-color: transparent;
	}
}

@-webkit-keyframes ef {
	to {
		-webkit-transform: rotate(-45deg) translate(0, 850px);
		transform: rotate(-45deg) translate(0, 850px);
	}
}

@keyframes ef {
	to {
		-webkit-transform: rotate(-45deg) translate(0, 850px);
		transform: rotate(-45deg) translate(0, 850px);
	}
}

@-webkit-keyframes glitch-animation {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}

	2%, 8% {
		-webkit-clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		-webkit-transform: translate(-5px);
		transform: translate(-5px);
	}

	6% {
		-webkit-clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		-webkit-transform: translate(5px);
		transform: translate(5px);
	}

	9% {
		-webkit-clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	10% {
		-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	13% {
		-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	13.1%, 20.1% {
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	15% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	20% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	25% {
		-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	30% {
		-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	30.1% {
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}

	35%, 45% {
		-webkit-clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		-webkit-transform: translate(-5px);
		transform: translate(-5px);
	}

	40% {
		-webkit-clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		-webkit-transform: translate(5px);
		transform: translate(5px);
	}

	50% {
		-webkit-clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	55% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	60% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}

	60.1%, to {
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		opacity: 1;
	}
}

@keyframes glitch-animation {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}

	2%, 8% {
		-webkit-clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		-webkit-transform: translate(-5px);
		transform: translate(-5px);
	}

	6% {
		-webkit-clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		-webkit-transform: translate(5px);
		transform: translate(5px);
	}

	9% {
		-webkit-clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		clip-path: polygon(0 78%, 100% 78%, 100% 100%, 0 100%);
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	10% {
		-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	13% {
		-webkit-clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		clip-path: polygon(0 54%, 100% 54%, 100% 44%, 0 44%);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	13.1%, 20.1% {
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	15% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	20% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		clip-path: polygon(0 60%, 100% 60%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	25% {
		-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	30% {
		-webkit-clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		clip-path: polygon(0 85%, 100% 85%, 100% 40%, 0 40%);
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	30.1% {
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}

	35%, 45% {
		-webkit-clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		-webkit-transform: translate(-5px);
		transform: translate(-5px);
	}

	40% {
		-webkit-clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		-webkit-transform: translate(5px);
		transform: translate(5px);
	}

	50% {
		-webkit-clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		clip-path: polygon(0 63%, 100% 63%, 100% 80%, 0 80%);
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	55% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	60% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		clip-path: polygon(0 10%, 100% 10%, 100% 0, 0 0);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}

	60.1%, to {
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		opacity: 1;
	}
}

@-webkit-keyframes h1glitched {
	0%, 10% {
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
		left: -4px;
	}

	11% {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		left: 2px;
	}

	50%, 60%, to {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
	}

	51%, 59% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
}

@keyframes h1glitched {
	0%, 10% {
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
		left: -4px;
	}

	11% {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		left: 2px;
	}

	50%, 60%, to {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
	}

	51%, 59% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
}

@-webkit-keyframes h1beforeglitched {
	0%, 10% {
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
		left: -4px;
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	}

	11% {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		left: 2px;
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	}

	50%, 60%, to {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	}

	51%, 59% {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 40% 5px, calc(40% - 30px) 0, calc(40% + 30px) 0, calc(45% - 15px) 5px, 100% 5px, 100% 6px, calc(45% - 14px) 6px, calc(40% + 29px) 1px, calc(40% - 29px) 1px, calc(40% + 1px) 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 40% 5px, calc(40% - 30px) 0, calc(40% + 30px) 0, calc(45% - 15px) 5px, 100% 5px, 100% 6px, calc(45% - 14px) 6px, calc(40% + 29px) 1px, calc(40% - 29px) 1px, calc(40% + 1px) 6px, 85px 6px, 80px 10px, 0 10px);
	}
}

@keyframes h1beforeglitched {
	0%, 10% {
		-webkit-transform: skew(-20deg);
		transform: skew(-20deg);
		left: -4px;
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	}

	11% {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		left: 2px;
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	}

	50%, 60%, to {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	}

	51%, 59% {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
		-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 40% 5px, calc(40% - 30px) 0, calc(40% + 30px) 0, calc(45% - 15px) 5px, 100% 5px, 100% 6px, calc(45% - 14px) 6px, calc(40% + 29px) 1px, calc(40% - 29px) 1px, calc(40% + 1px) 6px, 85px 6px, 80px 10px, 0 10px);
		clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 40% 5px, calc(40% - 30px) 0, calc(40% + 30px) 0, calc(45% - 15px) 5px, 100% 5px, 100% 6px, calc(45% - 14px) 6px, calc(40% + 29px) 1px, calc(40% - 29px) 1px, calc(40% + 1px) 6px, 85px 6px, 80px 10px, 0 10px);
	}
}

@-webkit-keyframes hxafter {
	0%, 50% {
		opacity: 0;
	}

	51%, to {
		opacity: 1;
	}
}

@keyframes hxafter {
	0%, 50% {
		opacity: 0;
	}

	51%, to {
		opacity: 1;
	}
}

@-webkit-keyframes show {
	0% {
		-webkit-transform: translate(-170%, 0);
		transform: translate(-170%, 0);
		opacity: 0;
		visibility: hidden;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes show {
	0% {
		-webkit-transform: translate(-170%, 0);
		transform: translate(-170%, 0);
		opacity: 0;
		visibility: hidden;
	}

	50% {
		opacity: 0;
		visibility: hidden;
	}

	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes hide {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
		visibility: hidden;
	}

	50% {
		opacity: .5;
		visibility: hidden;
	}

	to {
		-webkit-transform: translate(-170%, 0);
		transform: translate(-170%, 0);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes hide {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
		visibility: hidden;
	}

	50% {
		opacity: .5;
		visibility: hidden;
	}

	to {
		-webkit-transform: translate(-170%, 0);
		transform: translate(-170%, 0);
		opacity: 0;
		visibility: hidden;
	}
}

@-webkit-keyframes typedAbout {
	.6958641115%, 0%, 27.8745644599%, 28.2219965157% {
		content: "я";
	}

	.6968641115%, 1.392728223%, 27.5261324042%, 27.8735644599% {
		content: "я ";
	}

	1.393728223%, 2.0895923345%, 27.1777003484%, 27.5251324042% {
		content: "я w";
	}

	2.0905923345%, 2.786456446%, 26.8292682927%, 27.1767003484% {
		content: "я we";
	}

	2.787456446%, 26.4808362369%, 26.8282682927%, 3.4833205575% {
		content: "я web";
	}

	26.1324041812%, 26.4798362369%, 3.4843205575%, 4.180184669% {
		content: "я web-";
	}

	25.7839721254%, 26.1314041812%, 4.181184669%, 4.8770487805% {
		content: "я web-р";
	}

	25.4355400697%, 25.7829721254%, 4.8780487805%, 5.573912892% {
		content: "я web-ра";
	}

	25.0871080139%, 25.4345400697%, 5.574912892%, 6.2707770035% {
		content: "я web-раз";
	}

	24.7386759582%, 25.0861080139%, 6.2717770035%, 6.967641115% {
		content: "я web-разр";
	}

	24.3902439024%, 24.7376759582%, 6.968641115%, 7.6645052265% {
		content: "я web-разра";
	}

	24.0418118467%, 24.3892439024%, 7.6655052265%, 8.361369338% {
		content: "я web-разраб";
	}

	23.6933797909%, 24.0408118467%, 8.362369338%, 9.0582334495% {
		content: "я web-разрабо";
	}

	23.3449477352%, 23.6923797909%, 9.0592334495%, 9.755097561% {
		content: "я web-разработ";
	}

	10.4519616725%, 22.9965156794%, 23.3439477352%, 9.756097561% {
		content: "я web-разработч";
	}

	10.4529616725%, 11.148825784%, 22.6480836237%, 22.9955156794% {
		content: "я web-разработчи";
	}

	11.149825784%, 22.6470836237% {
		content: "я web-разработчик";
	}

	28.2229965157%, 42.1592787456% {
		content: "​";
	}

	42.1602787456%, 42.8561428571%, 85.7142857143%, 86.06171777% {
		content: "з";
	}

	42.8571428571%, 43.5530069686%, 85.3658536585%, 85.7132857143% {
		content: "за";
	}

	43.5540069686%, 44.2498710801%, 85.0174216028%, 85.3648536585% {
		content: "зан";
	}

	44.2508710801%, 44.9467351916%, 84.668989547%, 85.0164216028% {
		content: "зани";
	}

	44.9477351916%, 45.6435993031%, 84.3205574913%, 84.667989547% {
		content: "заним";
	}

	45.6445993031%, 46.3404634146%, 83.9721254355%, 84.3195574913% {
		content: "занима";
	}

	46.3414634146%, 47.0373275261%, 83.6236933798%, 83.9711254355% {
		content: "занимаю";
	}

	47.0383275261%, 47.7341916376%, 83.275261324%, 83.6226933798% {
		content: "занимаюс";
	}

	47.7351916376%, 48.4310557491%, 82.9268292683%, 83.274261324% {
		content: "занимаюсь";
	}

	48.4320557491%, 49.1279198606%, 82.5783972125%, 82.9258292683% {
		content: "занимаюсь ";
	}

	49.1289198606%, 49.8247839721%, 82.2299651568%, 82.5773972125% {
		content: "занимаюсь п";
	}

	49.8257839721%, 50.5216480836%, 81.881533101%, 82.2289651568% {
		content: "занимаюсь пр";
	}

	50.5226480836%, 51.2185121951%, 81.5331010453%, 81.880533101% {
		content: "занимаюсь про";
	}

	51.2195121951%, 51.9153763066%, 81.1846689895%, 81.5321010453% {
		content: "занимаюсь прое";
	}

	51.9163763066%, 52.6122404181%, 80.8362369338%, 81.1836689895% {
		content: "занимаюсь проек";
	}

	52.6132404181%, 53.3091045296%, 80.487804878%, 80.8352369338% {
		content: "занимаюсь проект";
	}

	53.3101045296%, 54.0059686411%, 80.1393728223%, 80.486804878% {
		content: "занимаюсь проекти";
	}

	54.0069686411%, 54.7028327526%, 79.7909407666%, 80.1383728223% {
		content: "занимаюсь проектир";
	}

	54.7038327526%, 55.3996968641%, 79.4425087108%, 79.7899407666% {
		content: "занимаюсь проектиро";
	}

	55.4006968641%, 56.0965609756%, 79.0940766551%, 79.4415087108% {
		content: "занимаюсь проектиров";
	}

	56.0975609756%, 56.7934250871%, 78.7456445993%, 79.0930766551% {
		content: "занимаюсь проектирова";
	}

	56.7944250871%, 57.4902891986%, 78.3972125436%, 78.7446445993% {
		content: "занимаюсь проектирован";
	}

	57.4912891986%, 58.1871533101%, 78.0487804878%, 78.3962125436% {
		content: "занимаюсь проектировани";
	}

	58.1881533101%, 58.8840174216%, 77.7003484321%, 78.0477804878% {
		content: "занимаюсь проектирование";
	}

	58.8850174216%, 59.5808815331%, 77.3519163763%, 77.6993484321% {
		content: "занимаюсь проектированием";
	}

	59.5818815331%, 60.2777456446%, 77.0034843206%, 77.3509163763% {
		content: "занимаюсь проектированием ";
	}

	60.2787456446%, 60.9746097561%, 76.6550522648%, 77.0024843206% {
		content: "занимаюсь проектированием с";
	}

	60.9756097561%, 61.6714738676%, 76.3066202091%, 76.6540522648% {
		content: "занимаюсь проектированием са";
	}

	61.6724738676%, 62.3683379791%, 75.9581881533%, 76.3056202091% {
		content: "занимаюсь проектированием сай";
	}

	62.3693379791%, 63.0652020906%, 75.6097560976%, 75.9571881533% {
		content: "занимаюсь проектированием сайт";
	}

	63.0662020906%, 63.7620662021%, 75.2613240418%, 75.6087560976% {
		content: "занимаюсь проектированием сайто";
	}

	63.7630662021%, 75.2603240418% {
		content: "занимаюсь проектированием сайтов";
	}
}

@keyframes typedAbout {
	.6958641115%, 0%, 27.8745644599%, 28.2219965157% {
		content: "я";
	}

	.6968641115%, 1.392728223%, 27.5261324042%, 27.8735644599% {
		content: "я ";
	}

	1.393728223%, 2.0895923345%, 27.1777003484%, 27.5251324042% {
		content: "я w";
	}

	2.0905923345%, 2.786456446%, 26.8292682927%, 27.1767003484% {
		content: "я we";
	}

	2.787456446%, 26.4808362369%, 26.8282682927%, 3.4833205575% {
		content: "я web";
	}

	26.1324041812%, 26.4798362369%, 3.4843205575%, 4.180184669% {
		content: "я web-";
	}

	25.7839721254%, 26.1314041812%, 4.181184669%, 4.8770487805% {
		content: "я web-р";
	}

	25.4355400697%, 25.7829721254%, 4.8780487805%, 5.573912892% {
		content: "я web-ра";
	}

	25.0871080139%, 25.4345400697%, 5.574912892%, 6.2707770035% {
		content: "я web-раз";
	}

	24.7386759582%, 25.0861080139%, 6.2717770035%, 6.967641115% {
		content: "я web-разр";
	}

	24.3902439024%, 24.7376759582%, 6.968641115%, 7.6645052265% {
		content: "я web-разра";
	}

	24.0418118467%, 24.3892439024%, 7.6655052265%, 8.361369338% {
		content: "я web-разраб";
	}

	23.6933797909%, 24.0408118467%, 8.362369338%, 9.0582334495% {
		content: "я web-разрабо";
	}

	23.3449477352%, 23.6923797909%, 9.0592334495%, 9.755097561% {
		content: "я web-разработ";
	}

	10.4519616725%, 22.9965156794%, 23.3439477352%, 9.756097561% {
		content: "я web-разработч";
	}

	10.4529616725%, 11.148825784%, 22.6480836237%, 22.9955156794% {
		content: "я web-разработчи";
	}

	11.149825784%, 22.6470836237% {
		content: "я web-разработчик";
	}

	28.2229965157%, 42.1592787456% {
		content: "​";
	}

	42.1602787456%, 42.8561428571%, 85.7142857143%, 86.06171777% {
		content: "з";
	}

	42.8571428571%, 43.5530069686%, 85.3658536585%, 85.7132857143% {
		content: "за";
	}

	43.5540069686%, 44.2498710801%, 85.0174216028%, 85.3648536585% {
		content: "зан";
	}

	44.2508710801%, 44.9467351916%, 84.668989547%, 85.0164216028% {
		content: "зани";
	}

	44.9477351916%, 45.6435993031%, 84.3205574913%, 84.667989547% {
		content: "заним";
	}

	45.6445993031%, 46.3404634146%, 83.9721254355%, 84.3195574913% {
		content: "занима";
	}

	46.3414634146%, 47.0373275261%, 83.6236933798%, 83.9711254355% {
		content: "занимаю";
	}

	47.0383275261%, 47.7341916376%, 83.275261324%, 83.6226933798% {
		content: "занимаюс";
	}

	47.7351916376%, 48.4310557491%, 82.9268292683%, 83.274261324% {
		content: "занимаюсь";
	}

	48.4320557491%, 49.1279198606%, 82.5783972125%, 82.9258292683% {
		content: "занимаюсь ";
	}

	49.1289198606%, 49.8247839721%, 82.2299651568%, 82.5773972125% {
		content: "занимаюсь п";
	}

	49.8257839721%, 50.5216480836%, 81.881533101%, 82.2289651568% {
		content: "занимаюсь пр";
	}

	50.5226480836%, 51.2185121951%, 81.5331010453%, 81.880533101% {
		content: "занимаюсь про";
	}

	51.2195121951%, 51.9153763066%, 81.1846689895%, 81.5321010453% {
		content: "занимаюсь прое";
	}

	51.9163763066%, 52.6122404181%, 80.8362369338%, 81.1836689895% {
		content: "занимаюсь проек";
	}

	52.6132404181%, 53.3091045296%, 80.487804878%, 80.8352369338% {
		content: "занимаюсь проект";
	}

	53.3101045296%, 54.0059686411%, 80.1393728223%, 80.486804878% {
		content: "занимаюсь проекти";
	}

	54.0069686411%, 54.7028327526%, 79.7909407666%, 80.1383728223% {
		content: "занимаюсь проектир";
	}

	54.7038327526%, 55.3996968641%, 79.4425087108%, 79.7899407666% {
		content: "занимаюсь проектиро";
	}

	55.4006968641%, 56.0965609756%, 79.0940766551%, 79.4415087108% {
		content: "занимаюсь проектиров";
	}

	56.0975609756%, 56.7934250871%, 78.7456445993%, 79.0930766551% {
		content: "занимаюсь проектирова";
	}

	56.7944250871%, 57.4902891986%, 78.3972125436%, 78.7446445993% {
		content: "занимаюсь проектирован";
	}

	57.4912891986%, 58.1871533101%, 78.0487804878%, 78.3962125436% {
		content: "занимаюсь проектировани";
	}

	58.1881533101%, 58.8840174216%, 77.7003484321%, 78.0477804878% {
		content: "занимаюсь проектирование";
	}

	58.8850174216%, 59.5808815331%, 77.3519163763%, 77.6993484321% {
		content: "занимаюсь проектированием";
	}

	59.5818815331%, 60.2777456446%, 77.0034843206%, 77.3509163763% {
		content: "занимаюсь проектированием ";
	}

	60.2787456446%, 60.9746097561%, 76.6550522648%, 77.0024843206% {
		content: "занимаюсь проектированием с";
	}

	60.9756097561%, 61.6714738676%, 76.3066202091%, 76.6540522648% {
		content: "занимаюсь проектированием са";
	}

	61.6724738676%, 62.3683379791%, 75.9581881533%, 76.3056202091% {
		content: "занимаюсь проектированием сай";
	}

	62.3693379791%, 63.0652020906%, 75.6097560976%, 75.9571881533% {
		content: "занимаюсь проектированием сайт";
	}

	63.0662020906%, 63.7620662021%, 75.2613240418%, 75.6087560976% {
		content: "занимаюсь проектированием сайто";
	}

	63.7630662021%, 75.2603240418% {
		content: "занимаюсь проектированием сайтов";
	}
}

@-webkit-keyframes go-1 {
	1.0204081633% {
		content: "1%";
	}

	2.0408163265% {
		content: "2%";
	}

	3.0612244898% {
		content: "3%";
	}

	4.0816326531% {
		content: "4%";
	}

	5.1020408163% {
		content: "5%";
	}

	6.1224489796% {
		content: "6%";
	}

	7.1428571429% {
		content: "7%";
	}

	8.1632653061% {
		content: "8%";
	}

	9.1836734694% {
		content: "9%";
	}

	10.2040816327% {
		content: "10%";
	}

	11.2244897959% {
		content: "11%";
	}

	12.2448979592% {
		content: "12%";
	}

	13.2653061224% {
		content: "13%";
	}

	14.2857142857% {
		content: "14%";
	}

	15.306122449% {
		content: "15%";
	}

	16.3265306122% {
		content: "16%";
	}

	17.3469387755% {
		content: "17%";
	}

	18.3673469388% {
		content: "18%";
	}

	19.387755102% {
		content: "19%";
	}

	20.4081632653% {
		content: "20%";
	}

	21.4285714286% {
		content: "21%";
	}

	22.4489795918% {
		content: "22%";
	}

	23.4693877551% {
		content: "23%";
	}

	24.4897959184% {
		content: "24%";
	}

	25.5102040816% {
		content: "25%";
	}

	26.5306122449% {
		content: "26%";
	}

	27.5510204082% {
		content: "27%";
	}

	28.5714285714% {
		content: "28%";
	}

	29.5918367347% {
		content: "29%";
	}

	30.612244898% {
		content: "30%";
	}

	31.6326530612% {
		content: "31%";
	}

	32.6530612245% {
		content: "32%";
	}

	33.6734693878% {
		content: "33%";
	}

	34.693877551% {
		content: "34%";
	}

	35.7142857143% {
		content: "35%";
	}

	36.7346938776% {
		content: "36%";
	}

	37.7551020408% {
		content: "37%";
	}

	38.7755102041% {
		content: "38%";
	}

	39.7959183673% {
		content: "39%";
	}

	40.8163265306% {
		content: "40%";
	}

	41.8367346939% {
		content: "41%";
	}

	42.8571428571% {
		content: "42%";
	}

	43.8775510204% {
		content: "43%";
	}

	44.8979591837% {
		content: "44%";
	}

	45.9183673469% {
		content: "45%";
	}

	46.9387755102% {
		content: "46%";
	}

	47.9591836735% {
		content: "47%";
	}

	48.9795918367% {
		content: "48%";
	}

	50% {
		content: "49%";
	}

	51.0204081633% {
		content: "50%";
	}

	52.0408163265% {
		content: "51%";
	}

	53.0612244898% {
		content: "52%";
	}

	54.0816326531% {
		content: "53%";
	}

	55.1020408163% {
		content: "54%";
	}

	56.1224489796% {
		content: "55%";
	}

	57.1428571429% {
		content: "56%";
	}

	58.1632653061% {
		content: "57%";
	}

	59.1836734694% {
		content: "58%";
	}

	60.2040816327% {
		content: "59%";
	}

	61.2244897959% {
		content: "60%";
	}

	62.2448979592% {
		content: "61%";
	}

	63.2653061224% {
		content: "62%";
	}

	64.2857142857% {
		content: "63%";
	}

	65.306122449% {
		content: "64%";
	}

	66.3265306122% {
		content: "65%";
	}

	67.3469387755% {
		content: "66%";
	}

	68.3673469388% {
		content: "67%";
	}

	69.387755102% {
		content: "68%";
	}

	70.4081632653% {
		content: "69%";
	}

	71.4285714286% {
		content: "70%";
	}

	72.4489795918% {
		content: "71%";
	}

	73.4693877551% {
		content: "72%";
	}

	74.4897959184% {
		content: "73%";
	}

	75.5102040816% {
		content: "74%";
	}

	76.5306122449% {
		content: "75%";
	}

	77.5510204082% {
		content: "76%";
	}

	78.5714285714% {
		content: "77%";
	}

	79.5918367347% {
		content: "78%";
	}

	80.612244898% {
		content: "79%";
	}

	81.6326530612% {
		content: "80%";
	}

	82.6530612245% {
		content: "81%";
	}

	83.6734693878% {
		content: "82%";
	}

	84.693877551% {
		content: "83%";
	}

	85.7142857143% {
		content: "84%";
	}

	86.7346938776% {
		content: "85%";
	}

	87.7551020408% {
		content: "86%";
	}

	88.7755102041% {
		content: "87%";
	}

	89.7959183673% {
		content: "88%";
	}

	90.8163265306% {
		content: "89%";
	}

	91.8367346939% {
		content: "90%";
	}

	92.8571428571% {
		content: "91%";
	}

	93.8775510204% {
		content: "92%";
	}

	94.8979591837% {
		content: "93%";
	}

	95.9183673469% {
		content: "94%";
	}

	96.9387755102% {
		content: "95%";
	}

	97.9591836735% {
		content: "96%";
	}

	98.9795918367% {
		content: "97%";
	}

	to {
		content: "98%";
	}
}

@keyframes go-1 {
	1.0204081633% {
		content: "1%";
	}

	2.0408163265% {
		content: "2%";
	}

	3.0612244898% {
		content: "3%";
	}

	4.0816326531% {
		content: "4%";
	}

	5.1020408163% {
		content: "5%";
	}

	6.1224489796% {
		content: "6%";
	}

	7.1428571429% {
		content: "7%";
	}

	8.1632653061% {
		content: "8%";
	}

	9.1836734694% {
		content: "9%";
	}

	10.2040816327% {
		content: "10%";
	}

	11.2244897959% {
		content: "11%";
	}

	12.2448979592% {
		content: "12%";
	}

	13.2653061224% {
		content: "13%";
	}

	14.2857142857% {
		content: "14%";
	}

	15.306122449% {
		content: "15%";
	}

	16.3265306122% {
		content: "16%";
	}

	17.3469387755% {
		content: "17%";
	}

	18.3673469388% {
		content: "18%";
	}

	19.387755102% {
		content: "19%";
	}

	20.4081632653% {
		content: "20%";
	}

	21.4285714286% {
		content: "21%";
	}

	22.4489795918% {
		content: "22%";
	}

	23.4693877551% {
		content: "23%";
	}

	24.4897959184% {
		content: "24%";
	}

	25.5102040816% {
		content: "25%";
	}

	26.5306122449% {
		content: "26%";
	}

	27.5510204082% {
		content: "27%";
	}

	28.5714285714% {
		content: "28%";
	}

	29.5918367347% {
		content: "29%";
	}

	30.612244898% {
		content: "30%";
	}

	31.6326530612% {
		content: "31%";
	}

	32.6530612245% {
		content: "32%";
	}

	33.6734693878% {
		content: "33%";
	}

	34.693877551% {
		content: "34%";
	}

	35.7142857143% {
		content: "35%";
	}

	36.7346938776% {
		content: "36%";
	}

	37.7551020408% {
		content: "37%";
	}

	38.7755102041% {
		content: "38%";
	}

	39.7959183673% {
		content: "39%";
	}

	40.8163265306% {
		content: "40%";
	}

	41.8367346939% {
		content: "41%";
	}

	42.8571428571% {
		content: "42%";
	}

	43.8775510204% {
		content: "43%";
	}

	44.8979591837% {
		content: "44%";
	}

	45.9183673469% {
		content: "45%";
	}

	46.9387755102% {
		content: "46%";
	}

	47.9591836735% {
		content: "47%";
	}

	48.9795918367% {
		content: "48%";
	}

	50% {
		content: "49%";
	}

	51.0204081633% {
		content: "50%";
	}

	52.0408163265% {
		content: "51%";
	}

	53.0612244898% {
		content: "52%";
	}

	54.0816326531% {
		content: "53%";
	}

	55.1020408163% {
		content: "54%";
	}

	56.1224489796% {
		content: "55%";
	}

	57.1428571429% {
		content: "56%";
	}

	58.1632653061% {
		content: "57%";
	}

	59.1836734694% {
		content: "58%";
	}

	60.2040816327% {
		content: "59%";
	}

	61.2244897959% {
		content: "60%";
	}

	62.2448979592% {
		content: "61%";
	}

	63.2653061224% {
		content: "62%";
	}

	64.2857142857% {
		content: "63%";
	}

	65.306122449% {
		content: "64%";
	}

	66.3265306122% {
		content: "65%";
	}

	67.3469387755% {
		content: "66%";
	}

	68.3673469388% {
		content: "67%";
	}

	69.387755102% {
		content: "68%";
	}

	70.4081632653% {
		content: "69%";
	}

	71.4285714286% {
		content: "70%";
	}

	72.4489795918% {
		content: "71%";
	}

	73.4693877551% {
		content: "72%";
	}

	74.4897959184% {
		content: "73%";
	}

	75.5102040816% {
		content: "74%";
	}

	76.5306122449% {
		content: "75%";
	}

	77.5510204082% {
		content: "76%";
	}

	78.5714285714% {
		content: "77%";
	}

	79.5918367347% {
		content: "78%";
	}

	80.612244898% {
		content: "79%";
	}

	81.6326530612% {
		content: "80%";
	}

	82.6530612245% {
		content: "81%";
	}

	83.6734693878% {
		content: "82%";
	}

	84.693877551% {
		content: "83%";
	}

	85.7142857143% {
		content: "84%";
	}

	86.7346938776% {
		content: "85%";
	}

	87.7551020408% {
		content: "86%";
	}

	88.7755102041% {
		content: "87%";
	}

	89.7959183673% {
		content: "88%";
	}

	90.8163265306% {
		content: "89%";
	}

	91.8367346939% {
		content: "90%";
	}

	92.8571428571% {
		content: "91%";
	}

	93.8775510204% {
		content: "92%";
	}

	94.8979591837% {
		content: "93%";
	}

	95.9183673469% {
		content: "94%";
	}

	96.9387755102% {
		content: "95%";
	}

	97.9591836735% {
		content: "96%";
	}

	98.9795918367% {
		content: "97%";
	}

	to {
		content: "98%";
	}
}

@-webkit-keyframes go-2 {
	1.0526315789% {
		content: "1%";
	}

	2.1052631579% {
		content: "2%";
	}

	3.1578947368% {
		content: "3%";
	}

	4.2105263158% {
		content: "4%";
	}

	5.2631578947% {
		content: "5%";
	}

	6.3157894737% {
		content: "6%";
	}

	7.3684210526% {
		content: "7%";
	}

	8.4210526316% {
		content: "8%";
	}

	9.4736842105% {
		content: "9%";
	}

	10.5263157895% {
		content: "10%";
	}

	11.5789473684% {
		content: "11%";
	}

	12.6315789474% {
		content: "12%";
	}

	13.6842105263% {
		content: "13%";
	}

	14.7368421053% {
		content: "14%";
	}

	15.7894736842% {
		content: "15%";
	}

	16.8421052632% {
		content: "16%";
	}

	17.8947368421% {
		content: "17%";
	}

	18.9473684211% {
		content: "18%";
	}

	20% {
		content: "19%";
	}

	21.0526315789% {
		content: "20%";
	}

	22.1052631579% {
		content: "21%";
	}

	23.1578947368% {
		content: "22%";
	}

	24.2105263158% {
		content: "23%";
	}

	25.2631578947% {
		content: "24%";
	}

	26.3157894737% {
		content: "25%";
	}

	27.3684210526% {
		content: "26%";
	}

	28.4210526316% {
		content: "27%";
	}

	29.4736842105% {
		content: "28%";
	}

	30.5263157895% {
		content: "29%";
	}

	31.5789473684% {
		content: "30%";
	}

	32.6315789474% {
		content: "31%";
	}

	33.6842105263% {
		content: "32%";
	}

	34.7368421053% {
		content: "33%";
	}

	35.7894736842% {
		content: "34%";
	}

	36.8421052632% {
		content: "35%";
	}

	37.8947368421% {
		content: "36%";
	}

	38.9473684211% {
		content: "37%";
	}

	40% {
		content: "38%";
	}

	41.0526315789% {
		content: "39%";
	}

	42.1052631579% {
		content: "40%";
	}

	43.1578947368% {
		content: "41%";
	}

	44.2105263158% {
		content: "42%";
	}

	45.2631578947% {
		content: "43%";
	}

	46.3157894737% {
		content: "44%";
	}

	47.3684210526% {
		content: "45%";
	}

	48.4210526316% {
		content: "46%";
	}

	49.4736842105% {
		content: "47%";
	}

	50.5263157895% {
		content: "48%";
	}

	51.5789473684% {
		content: "49%";
	}

	52.6315789474% {
		content: "50%";
	}

	53.6842105263% {
		content: "51%";
	}

	54.7368421053% {
		content: "52%";
	}

	55.7894736842% {
		content: "53%";
	}

	56.8421052632% {
		content: "54%";
	}

	57.8947368421% {
		content: "55%";
	}

	58.9473684211% {
		content: "56%";
	}

	60% {
		content: "57%";
	}

	61.0526315789% {
		content: "58%";
	}

	62.1052631579% {
		content: "59%";
	}

	63.1578947368% {
		content: "60%";
	}

	64.2105263158% {
		content: "61%";
	}

	65.2631578947% {
		content: "62%";
	}

	66.3157894737% {
		content: "63%";
	}

	67.3684210526% {
		content: "64%";
	}

	68.4210526316% {
		content: "65%";
	}

	69.4736842105% {
		content: "66%";
	}

	70.5263157895% {
		content: "67%";
	}

	71.5789473684% {
		content: "68%";
	}

	72.6315789474% {
		content: "69%";
	}

	73.6842105263% {
		content: "70%";
	}

	74.7368421053% {
		content: "71%";
	}

	75.7894736842% {
		content: "72%";
	}

	76.8421052632% {
		content: "73%";
	}

	77.8947368421% {
		content: "74%";
	}

	78.9473684211% {
		content: "75%";
	}

	80% {
		content: "76%";
	}

	81.0526315789% {
		content: "77%";
	}

	82.1052631579% {
		content: "78%";
	}

	83.1578947368% {
		content: "79%";
	}

	84.2105263158% {
		content: "80%";
	}

	85.2631578947% {
		content: "81%";
	}

	86.3157894737% {
		content: "82%";
	}

	87.3684210526% {
		content: "83%";
	}

	88.4210526316% {
		content: "84%";
	}

	89.4736842105% {
		content: "85%";
	}

	90.5263157895% {
		content: "86%";
	}

	91.5789473684% {
		content: "87%";
	}

	92.6315789474% {
		content: "88%";
	}

	93.6842105263% {
		content: "89%";
	}

	94.7368421053% {
		content: "90%";
	}

	95.7894736842% {
		content: "91%";
	}

	96.8421052632% {
		content: "92%";
	}

	97.8947368421% {
		content: "93%";
	}

	98.9473684211% {
		content: "94%";
	}

	to {
		content: "95%";
	}
}

@keyframes go-2 {
	1.0526315789% {
		content: "1%";
	}

	2.1052631579% {
		content: "2%";
	}

	3.1578947368% {
		content: "3%";
	}

	4.2105263158% {
		content: "4%";
	}

	5.2631578947% {
		content: "5%";
	}

	6.3157894737% {
		content: "6%";
	}

	7.3684210526% {
		content: "7%";
	}

	8.4210526316% {
		content: "8%";
	}

	9.4736842105% {
		content: "9%";
	}

	10.5263157895% {
		content: "10%";
	}

	11.5789473684% {
		content: "11%";
	}

	12.6315789474% {
		content: "12%";
	}

	13.6842105263% {
		content: "13%";
	}

	14.7368421053% {
		content: "14%";
	}

	15.7894736842% {
		content: "15%";
	}

	16.8421052632% {
		content: "16%";
	}

	17.8947368421% {
		content: "17%";
	}

	18.9473684211% {
		content: "18%";
	}

	20% {
		content: "19%";
	}

	21.0526315789% {
		content: "20%";
	}

	22.1052631579% {
		content: "21%";
	}

	23.1578947368% {
		content: "22%";
	}

	24.2105263158% {
		content: "23%";
	}

	25.2631578947% {
		content: "24%";
	}

	26.3157894737% {
		content: "25%";
	}

	27.3684210526% {
		content: "26%";
	}

	28.4210526316% {
		content: "27%";
	}

	29.4736842105% {
		content: "28%";
	}

	30.5263157895% {
		content: "29%";
	}

	31.5789473684% {
		content: "30%";
	}

	32.6315789474% {
		content: "31%";
	}

	33.6842105263% {
		content: "32%";
	}

	34.7368421053% {
		content: "33%";
	}

	35.7894736842% {
		content: "34%";
	}

	36.8421052632% {
		content: "35%";
	}

	37.8947368421% {
		content: "36%";
	}

	38.9473684211% {
		content: "37%";
	}

	40% {
		content: "38%";
	}

	41.0526315789% {
		content: "39%";
	}

	42.1052631579% {
		content: "40%";
	}

	43.1578947368% {
		content: "41%";
	}

	44.2105263158% {
		content: "42%";
	}

	45.2631578947% {
		content: "43%";
	}

	46.3157894737% {
		content: "44%";
	}

	47.3684210526% {
		content: "45%";
	}

	48.4210526316% {
		content: "46%";
	}

	49.4736842105% {
		content: "47%";
	}

	50.5263157895% {
		content: "48%";
	}

	51.5789473684% {
		content: "49%";
	}

	52.6315789474% {
		content: "50%";
	}

	53.6842105263% {
		content: "51%";
	}

	54.7368421053% {
		content: "52%";
	}

	55.7894736842% {
		content: "53%";
	}

	56.8421052632% {
		content: "54%";
	}

	57.8947368421% {
		content: "55%";
	}

	58.9473684211% {
		content: "56%";
	}

	60% {
		content: "57%";
	}

	61.0526315789% {
		content: "58%";
	}

	62.1052631579% {
		content: "59%";
	}

	63.1578947368% {
		content: "60%";
	}

	64.2105263158% {
		content: "61%";
	}

	65.2631578947% {
		content: "62%";
	}

	66.3157894737% {
		content: "63%";
	}

	67.3684210526% {
		content: "64%";
	}

	68.4210526316% {
		content: "65%";
	}

	69.4736842105% {
		content: "66%";
	}

	70.5263157895% {
		content: "67%";
	}

	71.5789473684% {
		content: "68%";
	}

	72.6315789474% {
		content: "69%";
	}

	73.6842105263% {
		content: "70%";
	}

	74.7368421053% {
		content: "71%";
	}

	75.7894736842% {
		content: "72%";
	}

	76.8421052632% {
		content: "73%";
	}

	77.8947368421% {
		content: "74%";
	}

	78.9473684211% {
		content: "75%";
	}

	80% {
		content: "76%";
	}

	81.0526315789% {
		content: "77%";
	}

	82.1052631579% {
		content: "78%";
	}

	83.1578947368% {
		content: "79%";
	}

	84.2105263158% {
		content: "80%";
	}

	85.2631578947% {
		content: "81%";
	}

	86.3157894737% {
		content: "82%";
	}

	87.3684210526% {
		content: "83%";
	}

	88.4210526316% {
		content: "84%";
	}

	89.4736842105% {
		content: "85%";
	}

	90.5263157895% {
		content: "86%";
	}

	91.5789473684% {
		content: "87%";
	}

	92.6315789474% {
		content: "88%";
	}

	93.6842105263% {
		content: "89%";
	}

	94.7368421053% {
		content: "90%";
	}

	95.7894736842% {
		content: "91%";
	}

	96.8421052632% {
		content: "92%";
	}

	97.8947368421% {
		content: "93%";
	}

	98.9473684211% {
		content: "94%";
	}

	to {
		content: "95%";
	}
}

@-webkit-keyframes go-3 {
	2% {
		content: "1%";
	}

	4% {
		content: "2%";
	}

	6% {
		content: "3%";
	}

	8% {
		content: "4%";
	}

	10% {
		content: "5%";
	}

	12% {
		content: "6%";
	}

	14% {
		content: "7%";
	}

	16% {
		content: "8%";
	}

	18% {
		content: "9%";
	}

	20% {
		content: "10%";
	}

	22% {
		content: "11%";
	}

	24% {
		content: "12%";
	}

	26% {
		content: "13%";
	}

	28% {
		content: "14%";
	}

	30% {
		content: "15%";
	}

	32% {
		content: "16%";
	}

	34% {
		content: "17%";
	}

	36% {
		content: "18%";
	}

	38% {
		content: "19%";
	}

	40% {
		content: "20%";
	}

	42% {
		content: "21%";
	}

	44% {
		content: "22%";
	}

	46% {
		content: "23%";
	}

	48% {
		content: "24%";
	}

	50% {
		content: "25%";
	}

	52% {
		content: "26%";
	}

	54% {
		content: "27%";
	}

	56% {
		content: "28%";
	}

	58% {
		content: "29%";
	}

	60% {
		content: "30%";
	}

	62% {
		content: "31%";
	}

	64% {
		content: "32%";
	}

	66% {
		content: "33%";
	}

	68% {
		content: "34%";
	}

	70% {
		content: "35%";
	}

	72% {
		content: "36%";
	}

	74% {
		content: "37%";
	}

	76% {
		content: "38%";
	}

	78% {
		content: "39%";
	}

	80% {
		content: "40%";
	}

	82% {
		content: "41%";
	}

	84% {
		content: "42%";
	}

	86% {
		content: "43%";
	}

	88% {
		content: "44%";
	}

	90% {
		content: "45%";
	}

	92% {
		content: "46%";
	}

	94% {
		content: "47%";
	}

	96% {
		content: "48%";
	}

	98% {
		content: "49%";
	}

	to {
		content: "50%";
	}
}

@keyframes go-3 {
	2% {
		content: "1%";
	}

	4% {
		content: "2%";
	}

	6% {
		content: "3%";
	}

	8% {
		content: "4%";
	}

	10% {
		content: "5%";
	}

	12% {
		content: "6%";
	}

	14% {
		content: "7%";
	}

	16% {
		content: "8%";
	}

	18% {
		content: "9%";
	}

	20% {
		content: "10%";
	}

	22% {
		content: "11%";
	}

	24% {
		content: "12%";
	}

	26% {
		content: "13%";
	}

	28% {
		content: "14%";
	}

	30% {
		content: "15%";
	}

	32% {
		content: "16%";
	}

	34% {
		content: "17%";
	}

	36% {
		content: "18%";
	}

	38% {
		content: "19%";
	}

	40% {
		content: "20%";
	}

	42% {
		content: "21%";
	}

	44% {
		content: "22%";
	}

	46% {
		content: "23%";
	}

	48% {
		content: "24%";
	}

	50% {
		content: "25%";
	}

	52% {
		content: "26%";
	}

	54% {
		content: "27%";
	}

	56% {
		content: "28%";
	}

	58% {
		content: "29%";
	}

	60% {
		content: "30%";
	}

	62% {
		content: "31%";
	}

	64% {
		content: "32%";
	}

	66% {
		content: "33%";
	}

	68% {
		content: "34%";
	}

	70% {
		content: "35%";
	}

	72% {
		content: "36%";
	}

	74% {
		content: "37%";
	}

	76% {
		content: "38%";
	}

	78% {
		content: "39%";
	}

	80% {
		content: "40%";
	}

	82% {
		content: "41%";
	}

	84% {
		content: "42%";
	}

	86% {
		content: "43%";
	}

	88% {
		content: "44%";
	}

	90% {
		content: "45%";
	}

	92% {
		content: "46%";
	}

	94% {
		content: "47%";
	}

	96% {
		content: "48%";
	}

	98% {
		content: "49%";
	}

	to {
		content: "50%";
	}
}

@-webkit-keyframes go-4 {
	1.3333333333% {
		content: "1%";
	}

	2.6666666667% {
		content: "2%";
	}

	4% {
		content: "3%";
	}

	5.3333333333% {
		content: "4%";
	}

	6.6666666667% {
		content: "5%";
	}

	8% {
		content: "6%";
	}

	9.3333333333% {
		content: "7%";
	}

	10.6666666667% {
		content: "8%";
	}

	12% {
		content: "9%";
	}

	13.3333333333% {
		content: "10%";
	}

	14.6666666667% {
		content: "11%";
	}

	16% {
		content: "12%";
	}

	17.3333333333% {
		content: "13%";
	}

	18.6666666667% {
		content: "14%";
	}

	20% {
		content: "15%";
	}

	21.3333333333% {
		content: "16%";
	}

	22.6666666667% {
		content: "17%";
	}

	24% {
		content: "18%";
	}

	25.3333333333% {
		content: "19%";
	}

	26.6666666667% {
		content: "20%";
	}

	28% {
		content: "21%";
	}

	29.3333333333% {
		content: "22%";
	}

	30.6666666667% {
		content: "23%";
	}

	32% {
		content: "24%";
	}

	33.3333333333% {
		content: "25%";
	}

	34.6666666667% {
		content: "26%";
	}

	36% {
		content: "27%";
	}

	37.3333333333% {
		content: "28%";
	}

	38.6666666667% {
		content: "29%";
	}

	40% {
		content: "30%";
	}

	41.3333333333% {
		content: "31%";
	}

	42.6666666667% {
		content: "32%";
	}

	44% {
		content: "33%";
	}

	45.3333333333% {
		content: "34%";
	}

	46.6666666667% {
		content: "35%";
	}

	48% {
		content: "36%";
	}

	49.3333333333% {
		content: "37%";
	}

	50.6666666667% {
		content: "38%";
	}

	52% {
		content: "39%";
	}

	53.3333333333% {
		content: "40%";
	}

	54.6666666667% {
		content: "41%";
	}

	56% {
		content: "42%";
	}

	57.3333333333% {
		content: "43%";
	}

	58.6666666667% {
		content: "44%";
	}

	60% {
		content: "45%";
	}

	61.3333333333% {
		content: "46%";
	}

	62.6666666667% {
		content: "47%";
	}

	64% {
		content: "48%";
	}

	65.3333333333% {
		content: "49%";
	}

	66.6666666667% {
		content: "50%";
	}

	68% {
		content: "51%";
	}

	69.3333333333% {
		content: "52%";
	}

	70.6666666667% {
		content: "53%";
	}

	72% {
		content: "54%";
	}

	73.3333333333% {
		content: "55%";
	}

	74.6666666667% {
		content: "56%";
	}

	76% {
		content: "57%";
	}

	77.3333333333% {
		content: "58%";
	}

	78.6666666667% {
		content: "59%";
	}

	80% {
		content: "60%";
	}

	81.3333333333% {
		content: "61%";
	}

	82.6666666667% {
		content: "62%";
	}

	84% {
		content: "63%";
	}

	85.3333333333% {
		content: "64%";
	}

	86.6666666667% {
		content: "65%";
	}

	88% {
		content: "66%";
	}

	89.3333333333% {
		content: "67%";
	}

	90.6666666667% {
		content: "68%";
	}

	92% {
		content: "69%";
	}

	93.3333333333% {
		content: "70%";
	}

	94.6666666667% {
		content: "71%";
	}

	96% {
		content: "72%";
	}

	97.3333333333% {
		content: "73%";
	}

	98.6666666667% {
		content: "74%";
	}

	to {
		content: "75%";
	}
}

@keyframes go-4 {
	1.3333333333% {
		content: "1%";
	}

	2.6666666667% {
		content: "2%";
	}

	4% {
		content: "3%";
	}

	5.3333333333% {
		content: "4%";
	}

	6.6666666667% {
		content: "5%";
	}

	8% {
		content: "6%";
	}

	9.3333333333% {
		content: "7%";
	}

	10.6666666667% {
		content: "8%";
	}

	12% {
		content: "9%";
	}

	13.3333333333% {
		content: "10%";
	}

	14.6666666667% {
		content: "11%";
	}

	16% {
		content: "12%";
	}

	17.3333333333% {
		content: "13%";
	}

	18.6666666667% {
		content: "14%";
	}

	20% {
		content: "15%";
	}

	21.3333333333% {
		content: "16%";
	}

	22.6666666667% {
		content: "17%";
	}

	24% {
		content: "18%";
	}

	25.3333333333% {
		content: "19%";
	}

	26.6666666667% {
		content: "20%";
	}

	28% {
		content: "21%";
	}

	29.3333333333% {
		content: "22%";
	}

	30.6666666667% {
		content: "23%";
	}

	32% {
		content: "24%";
	}

	33.3333333333% {
		content: "25%";
	}

	34.6666666667% {
		content: "26%";
	}

	36% {
		content: "27%";
	}

	37.3333333333% {
		content: "28%";
	}

	38.6666666667% {
		content: "29%";
	}

	40% {
		content: "30%";
	}

	41.3333333333% {
		content: "31%";
	}

	42.6666666667% {
		content: "32%";
	}

	44% {
		content: "33%";
	}

	45.3333333333% {
		content: "34%";
	}

	46.6666666667% {
		content: "35%";
	}

	48% {
		content: "36%";
	}

	49.3333333333% {
		content: "37%";
	}

	50.6666666667% {
		content: "38%";
	}

	52% {
		content: "39%";
	}

	53.3333333333% {
		content: "40%";
	}

	54.6666666667% {
		content: "41%";
	}

	56% {
		content: "42%";
	}

	57.3333333333% {
		content: "43%";
	}

	58.6666666667% {
		content: "44%";
	}

	60% {
		content: "45%";
	}

	61.3333333333% {
		content: "46%";
	}

	62.6666666667% {
		content: "47%";
	}

	64% {
		content: "48%";
	}

	65.3333333333% {
		content: "49%";
	}

	66.6666666667% {
		content: "50%";
	}

	68% {
		content: "51%";
	}

	69.3333333333% {
		content: "52%";
	}

	70.6666666667% {
		content: "53%";
	}

	72% {
		content: "54%";
	}

	73.3333333333% {
		content: "55%";
	}

	74.6666666667% {
		content: "56%";
	}

	76% {
		content: "57%";
	}

	77.3333333333% {
		content: "58%";
	}

	78.6666666667% {
		content: "59%";
	}

	80% {
		content: "60%";
	}

	81.3333333333% {
		content: "61%";
	}

	82.6666666667% {
		content: "62%";
	}

	84% {
		content: "63%";
	}

	85.3333333333% {
		content: "64%";
	}

	86.6666666667% {
		content: "65%";
	}

	88% {
		content: "66%";
	}

	89.3333333333% {
		content: "67%";
	}

	90.6666666667% {
		content: "68%";
	}

	92% {
		content: "69%";
	}

	93.3333333333% {
		content: "70%";
	}

	94.6666666667% {
		content: "71%";
	}

	96% {
		content: "72%";
	}

	97.3333333333% {
		content: "73%";
	}

	98.6666666667% {
		content: "74%";
	}

	to {
		content: "75%";
	}
}

@-webkit-keyframes go-5 {
	1.3333333333% {
		content: "1%";
	}

	2.6666666667% {
		content: "2%";
	}

	4% {
		content: "3%";
	}

	5.3333333333% {
		content: "4%";
	}

	6.6666666667% {
		content: "5%";
	}

	8% {
		content: "6%";
	}

	9.3333333333% {
		content: "7%";
	}

	10.6666666667% {
		content: "8%";
	}

	12% {
		content: "9%";
	}

	13.3333333333% {
		content: "10%";
	}

	14.6666666667% {
		content: "11%";
	}

	16% {
		content: "12%";
	}

	17.3333333333% {
		content: "13%";
	}

	18.6666666667% {
		content: "14%";
	}

	20% {
		content: "15%";
	}

	21.3333333333% {
		content: "16%";
	}

	22.6666666667% {
		content: "17%";
	}

	24% {
		content: "18%";
	}

	25.3333333333% {
		content: "19%";
	}

	26.6666666667% {
		content: "20%";
	}

	28% {
		content: "21%";
	}

	29.3333333333% {
		content: "22%";
	}

	30.6666666667% {
		content: "23%";
	}

	32% {
		content: "24%";
	}

	33.3333333333% {
		content: "25%";
	}

	34.6666666667% {
		content: "26%";
	}

	36% {
		content: "27%";
	}

	37.3333333333% {
		content: "28%";
	}

	38.6666666667% {
		content: "29%";
	}

	40% {
		content: "30%";
	}

	41.3333333333% {
		content: "31%";
	}

	42.6666666667% {
		content: "32%";
	}

	44% {
		content: "33%";
	}

	45.3333333333% {
		content: "34%";
	}

	46.6666666667% {
		content: "35%";
	}

	48% {
		content: "36%";
	}

	49.3333333333% {
		content: "37%";
	}

	50.6666666667% {
		content: "38%";
	}

	52% {
		content: "39%";
	}

	53.3333333333% {
		content: "40%";
	}

	54.6666666667% {
		content: "41%";
	}

	56% {
		content: "42%";
	}

	57.3333333333% {
		content: "43%";
	}

	58.6666666667% {
		content: "44%";
	}

	60% {
		content: "45%";
	}

	61.3333333333% {
		content: "46%";
	}

	62.6666666667% {
		content: "47%";
	}

	64% {
		content: "48%";
	}

	65.3333333333% {
		content: "49%";
	}

	66.6666666667% {
		content: "50%";
	}

	68% {
		content: "51%";
	}

	69.3333333333% {
		content: "52%";
	}

	70.6666666667% {
		content: "53%";
	}

	72% {
		content: "54%";
	}

	73.3333333333% {
		content: "55%";
	}

	74.6666666667% {
		content: "56%";
	}

	76% {
		content: "57%";
	}

	77.3333333333% {
		content: "58%";
	}

	78.6666666667% {
		content: "59%";
	}

	80% {
		content: "60%";
	}

	81.3333333333% {
		content: "61%";
	}

	82.6666666667% {
		content: "62%";
	}

	84% {
		content: "63%";
	}

	85.3333333333% {
		content: "64%";
	}

	86.6666666667% {
		content: "65%";
	}

	88% {
		content: "66%";
	}

	89.3333333333% {
		content: "67%";
	}

	90.6666666667% {
		content: "68%";
	}

	92% {
		content: "69%";
	}

	93.3333333333% {
		content: "70%";
	}

	94.6666666667% {
		content: "71%";
	}

	96% {
		content: "72%";
	}

	97.3333333333% {
		content: "73%";
	}

	98.6666666667% {
		content: "74%";
	}

	to {
		content: "75%";
	}
}

@keyframes go-5 {
	1.3333333333% {
		content: "1%";
	}

	2.6666666667% {
		content: "2%";
	}

	4% {
		content: "3%";
	}

	5.3333333333% {
		content: "4%";
	}

	6.6666666667% {
		content: "5%";
	}

	8% {
		content: "6%";
	}

	9.3333333333% {
		content: "7%";
	}

	10.6666666667% {
		content: "8%";
	}

	12% {
		content: "9%";
	}

	13.3333333333% {
		content: "10%";
	}

	14.6666666667% {
		content: "11%";
	}

	16% {
		content: "12%";
	}

	17.3333333333% {
		content: "13%";
	}

	18.6666666667% {
		content: "14%";
	}

	20% {
		content: "15%";
	}

	21.3333333333% {
		content: "16%";
	}

	22.6666666667% {
		content: "17%";
	}

	24% {
		content: "18%";
	}

	25.3333333333% {
		content: "19%";
	}

	26.6666666667% {
		content: "20%";
	}

	28% {
		content: "21%";
	}

	29.3333333333% {
		content: "22%";
	}

	30.6666666667% {
		content: "23%";
	}

	32% {
		content: "24%";
	}

	33.3333333333% {
		content: "25%";
	}

	34.6666666667% {
		content: "26%";
	}

	36% {
		content: "27%";
	}

	37.3333333333% {
		content: "28%";
	}

	38.6666666667% {
		content: "29%";
	}

	40% {
		content: "30%";
	}

	41.3333333333% {
		content: "31%";
	}

	42.6666666667% {
		content: "32%";
	}

	44% {
		content: "33%";
	}

	45.3333333333% {
		content: "34%";
	}

	46.6666666667% {
		content: "35%";
	}

	48% {
		content: "36%";
	}

	49.3333333333% {
		content: "37%";
	}

	50.6666666667% {
		content: "38%";
	}

	52% {
		content: "39%";
	}

	53.3333333333% {
		content: "40%";
	}

	54.6666666667% {
		content: "41%";
	}

	56% {
		content: "42%";
	}

	57.3333333333% {
		content: "43%";
	}

	58.6666666667% {
		content: "44%";
	}

	60% {
		content: "45%";
	}

	61.3333333333% {
		content: "46%";
	}

	62.6666666667% {
		content: "47%";
	}

	64% {
		content: "48%";
	}

	65.3333333333% {
		content: "49%";
	}

	66.6666666667% {
		content: "50%";
	}

	68% {
		content: "51%";
	}

	69.3333333333% {
		content: "52%";
	}

	70.6666666667% {
		content: "53%";
	}

	72% {
		content: "54%";
	}

	73.3333333333% {
		content: "55%";
	}

	74.6666666667% {
		content: "56%";
	}

	76% {
		content: "57%";
	}

	77.3333333333% {
		content: "58%";
	}

	78.6666666667% {
		content: "59%";
	}

	80% {
		content: "60%";
	}

	81.3333333333% {
		content: "61%";
	}

	82.6666666667% {
		content: "62%";
	}

	84% {
		content: "63%";
	}

	85.3333333333% {
		content: "64%";
	}

	86.6666666667% {
		content: "65%";
	}

	88% {
		content: "66%";
	}

	89.3333333333% {
		content: "67%";
	}

	90.6666666667% {
		content: "68%";
	}

	92% {
		content: "69%";
	}

	93.3333333333% {
		content: "70%";
	}

	94.6666666667% {
		content: "71%";
	}

	96% {
		content: "72%";
	}

	97.3333333333% {
		content: "73%";
	}

	98.6666666667% {
		content: "74%";
	}

	to {
		content: "75%";
	}
}

@-webkit-keyframes go-6 {
	1.3333333333% {
		content: "1%";
	}

	2.6666666667% {
		content: "2%";
	}

	4% {
		content: "3%";
	}

	5.3333333333% {
		content: "4%";
	}

	6.6666666667% {
		content: "5%";
	}

	8% {
		content: "6%";
	}

	9.3333333333% {
		content: "7%";
	}

	10.6666666667% {
		content: "8%";
	}

	12% {
		content: "9%";
	}

	13.3333333333% {
		content: "10%";
	}

	14.6666666667% {
		content: "11%";
	}

	16% {
		content: "12%";
	}

	17.3333333333% {
		content: "13%";
	}

	18.6666666667% {
		content: "14%";
	}

	20% {
		content: "15%";
	}

	21.3333333333% {
		content: "16%";
	}

	22.6666666667% {
		content: "17%";
	}

	24% {
		content: "18%";
	}

	25.3333333333% {
		content: "19%";
	}

	26.6666666667% {
		content: "20%";
	}

	28% {
		content: "21%";
	}

	29.3333333333% {
		content: "22%";
	}

	30.6666666667% {
		content: "23%";
	}

	32% {
		content: "24%";
	}

	33.3333333333% {
		content: "25%";
	}

	34.6666666667% {
		content: "26%";
	}

	36% {
		content: "27%";
	}

	37.3333333333% {
		content: "28%";
	}

	38.6666666667% {
		content: "29%";
	}

	40% {
		content: "30%";
	}

	41.3333333333% {
		content: "31%";
	}

	42.6666666667% {
		content: "32%";
	}

	44% {
		content: "33%";
	}

	45.3333333333% {
		content: "34%";
	}

	46.6666666667% {
		content: "35%";
	}

	48% {
		content: "36%";
	}

	49.3333333333% {
		content: "37%";
	}

	50.6666666667% {
		content: "38%";
	}

	52% {
		content: "39%";
	}

	53.3333333333% {
		content: "40%";
	}

	54.6666666667% {
		content: "41%";
	}

	56% {
		content: "42%";
	}

	57.3333333333% {
		content: "43%";
	}

	58.6666666667% {
		content: "44%";
	}

	60% {
		content: "45%";
	}

	61.3333333333% {
		content: "46%";
	}

	62.6666666667% {
		content: "47%";
	}

	64% {
		content: "48%";
	}

	65.3333333333% {
		content: "49%";
	}

	66.6666666667% {
		content: "50%";
	}

	68% {
		content: "51%";
	}

	69.3333333333% {
		content: "52%";
	}

	70.6666666667% {
		content: "53%";
	}

	72% {
		content: "54%";
	}

	73.3333333333% {
		content: "55%";
	}

	74.6666666667% {
		content: "56%";
	}

	76% {
		content: "57%";
	}

	77.3333333333% {
		content: "58%";
	}

	78.6666666667% {
		content: "59%";
	}

	80% {
		content: "60%";
	}

	81.3333333333% {
		content: "61%";
	}

	82.6666666667% {
		content: "62%";
	}

	84% {
		content: "63%";
	}

	85.3333333333% {
		content: "64%";
	}

	86.6666666667% {
		content: "65%";
	}

	88% {
		content: "66%";
	}

	89.3333333333% {
		content: "67%";
	}

	90.6666666667% {
		content: "68%";
	}

	92% {
		content: "69%";
	}

	93.3333333333% {
		content: "70%";
	}

	94.6666666667% {
		content: "71%";
	}

	96% {
		content: "72%";
	}

	97.3333333333% {
		content: "73%";
	}

	98.6666666667% {
		content: "74%";
	}

	to {
		content: "75%";
	}
}

@keyframes go-6 {
	1.3333333333% {
		content: "1%";
	}

	2.6666666667% {
		content: "2%";
	}

	4% {
		content: "3%";
	}

	5.3333333333% {
		content: "4%";
	}

	6.6666666667% {
		content: "5%";
	}

	8% {
		content: "6%";
	}

	9.3333333333% {
		content: "7%";
	}

	10.6666666667% {
		content: "8%";
	}

	12% {
		content: "9%";
	}

	13.3333333333% {
		content: "10%";
	}

	14.6666666667% {
		content: "11%";
	}

	16% {
		content: "12%";
	}

	17.3333333333% {
		content: "13%";
	}

	18.6666666667% {
		content: "14%";
	}

	20% {
		content: "15%";
	}

	21.3333333333% {
		content: "16%";
	}

	22.6666666667% {
		content: "17%";
	}

	24% {
		content: "18%";
	}

	25.3333333333% {
		content: "19%";
	}

	26.6666666667% {
		content: "20%";
	}

	28% {
		content: "21%";
	}

	29.3333333333% {
		content: "22%";
	}

	30.6666666667% {
		content: "23%";
	}

	32% {
		content: "24%";
	}

	33.3333333333% {
		content: "25%";
	}

	34.6666666667% {
		content: "26%";
	}

	36% {
		content: "27%";
	}

	37.3333333333% {
		content: "28%";
	}

	38.6666666667% {
		content: "29%";
	}

	40% {
		content: "30%";
	}

	41.3333333333% {
		content: "31%";
	}

	42.6666666667% {
		content: "32%";
	}

	44% {
		content: "33%";
	}

	45.3333333333% {
		content: "34%";
	}

	46.6666666667% {
		content: "35%";
	}

	48% {
		content: "36%";
	}

	49.3333333333% {
		content: "37%";
	}

	50.6666666667% {
		content: "38%";
	}

	52% {
		content: "39%";
	}

	53.3333333333% {
		content: "40%";
	}

	54.6666666667% {
		content: "41%";
	}

	56% {
		content: "42%";
	}

	57.3333333333% {
		content: "43%";
	}

	58.6666666667% {
		content: "44%";
	}

	60% {
		content: "45%";
	}

	61.3333333333% {
		content: "46%";
	}

	62.6666666667% {
		content: "47%";
	}

	64% {
		content: "48%";
	}

	65.3333333333% {
		content: "49%";
	}

	66.6666666667% {
		content: "50%";
	}

	68% {
		content: "51%";
	}

	69.3333333333% {
		content: "52%";
	}

	70.6666666667% {
		content: "53%";
	}

	72% {
		content: "54%";
	}

	73.3333333333% {
		content: "55%";
	}

	74.6666666667% {
		content: "56%";
	}

	76% {
		content: "57%";
	}

	77.3333333333% {
		content: "58%";
	}

	78.6666666667% {
		content: "59%";
	}

	80% {
		content: "60%";
	}

	81.3333333333% {
		content: "61%";
	}

	82.6666666667% {
		content: "62%";
	}

	84% {
		content: "63%";
	}

	85.3333333333% {
		content: "64%";
	}

	86.6666666667% {
		content: "65%";
	}

	88% {
		content: "66%";
	}

	89.3333333333% {
		content: "67%";
	}

	90.6666666667% {
		content: "68%";
	}

	92% {
		content: "69%";
	}

	93.3333333333% {
		content: "70%";
	}

	94.6666666667% {
		content: "71%";
	}

	96% {
		content: "72%";
	}

	97.3333333333% {
		content: "73%";
	}

	98.6666666667% {
		content: "74%";
	}

	to {
		content: "75%";
	}
}

@-webkit-keyframes go-7 {
	2% {
		content: "1%";
	}

	4% {
		content: "2%";
	}

	6% {
		content: "3%";
	}

	8% {
		content: "4%";
	}

	10% {
		content: "5%";
	}

	12% {
		content: "6%";
	}

	14% {
		content: "7%";
	}

	16% {
		content: "8%";
	}

	18% {
		content: "9%";
	}

	20% {
		content: "10%";
	}

	22% {
		content: "11%";
	}

	24% {
		content: "12%";
	}

	26% {
		content: "13%";
	}

	28% {
		content: "14%";
	}

	30% {
		content: "15%";
	}

	32% {
		content: "16%";
	}

	34% {
		content: "17%";
	}

	36% {
		content: "18%";
	}

	38% {
		content: "19%";
	}

	40% {
		content: "20%";
	}

	42% {
		content: "21%";
	}

	44% {
		content: "22%";
	}

	46% {
		content: "23%";
	}

	48% {
		content: "24%";
	}

	50% {
		content: "25%";
	}

	52% {
		content: "26%";
	}

	54% {
		content: "27%";
	}

	56% {
		content: "28%";
	}

	58% {
		content: "29%";
	}

	60% {
		content: "30%";
	}

	62% {
		content: "31%";
	}

	64% {
		content: "32%";
	}

	66% {
		content: "33%";
	}

	68% {
		content: "34%";
	}

	70% {
		content: "35%";
	}

	72% {
		content: "36%";
	}

	74% {
		content: "37%";
	}

	76% {
		content: "38%";
	}

	78% {
		content: "39%";
	}

	80% {
		content: "40%";
	}

	82% {
		content: "41%";
	}

	84% {
		content: "42%";
	}

	86% {
		content: "43%";
	}

	88% {
		content: "44%";
	}

	90% {
		content: "45%";
	}

	92% {
		content: "46%";
	}

	94% {
		content: "47%";
	}

	96% {
		content: "48%";
	}

	98% {
		content: "49%";
	}

	to {
		content: "50%";
	}
}

@keyframes go-7 {
	2% {
		content: "1%";
	}

	4% {
		content: "2%";
	}

	6% {
		content: "3%";
	}

	8% {
		content: "4%";
	}

	10% {
		content: "5%";
	}

	12% {
		content: "6%";
	}

	14% {
		content: "7%";
	}

	16% {
		content: "8%";
	}

	18% {
		content: "9%";
	}

	20% {
		content: "10%";
	}

	22% {
		content: "11%";
	}

	24% {
		content: "12%";
	}

	26% {
		content: "13%";
	}

	28% {
		content: "14%";
	}

	30% {
		content: "15%";
	}

	32% {
		content: "16%";
	}

	34% {
		content: "17%";
	}

	36% {
		content: "18%";
	}

	38% {
		content: "19%";
	}

	40% {
		content: "20%";
	}

	42% {
		content: "21%";
	}

	44% {
		content: "22%";
	}

	46% {
		content: "23%";
	}

	48% {
		content: "24%";
	}

	50% {
		content: "25%";
	}

	52% {
		content: "26%";
	}

	54% {
		content: "27%";
	}

	56% {
		content: "28%";
	}

	58% {
		content: "29%";
	}

	60% {
		content: "30%";
	}

	62% {
		content: "31%";
	}

	64% {
		content: "32%";
	}

	66% {
		content: "33%";
	}

	68% {
		content: "34%";
	}

	70% {
		content: "35%";
	}

	72% {
		content: "36%";
	}

	74% {
		content: "37%";
	}

	76% {
		content: "38%";
	}

	78% {
		content: "39%";
	}

	80% {
		content: "40%";
	}

	82% {
		content: "41%";
	}

	84% {
		content: "42%";
	}

	86% {
		content: "43%";
	}

	88% {
		content: "44%";
	}

	90% {
		content: "45%";
	}

	92% {
		content: "46%";
	}

	94% {
		content: "47%";
	}

	96% {
		content: "48%";
	}

	98% {
		content: "49%";
	}

	to {
		content: "50%";
	}
}

@-webkit-keyframes go-8 {
	1.5384615385% {
		content: "1%";
	}

	3.0769230769% {
		content: "2%";
	}

	4.6153846154% {
		content: "3%";
	}

	6.1538461538% {
		content: "4%";
	}

	7.6923076923% {
		content: "5%";
	}

	9.2307692308% {
		content: "6%";
	}

	10.7692307692% {
		content: "7%";
	}

	12.3076923077% {
		content: "8%";
	}

	13.8461538462% {
		content: "9%";
	}

	15.3846153846% {
		content: "10%";
	}

	16.9230769231% {
		content: "11%";
	}

	18.4615384615% {
		content: "12%";
	}

	20% {
		content: "13%";
	}

	21.5384615385% {
		content: "14%";
	}

	23.0769230769% {
		content: "15%";
	}

	24.6153846154% {
		content: "16%";
	}

	26.1538461538% {
		content: "17%";
	}

	27.6923076923% {
		content: "18%";
	}

	29.2307692308% {
		content: "19%";
	}

	30.7692307692% {
		content: "20%";
	}

	32.3076923077% {
		content: "21%";
	}

	33.8461538462% {
		content: "22%";
	}

	35.3846153846% {
		content: "23%";
	}

	36.9230769231% {
		content: "24%";
	}

	38.4615384615% {
		content: "25%";
	}

	40% {
		content: "26%";
	}

	41.5384615385% {
		content: "27%";
	}

	43.0769230769% {
		content: "28%";
	}

	44.6153846154% {
		content: "29%";
	}

	46.1538461538% {
		content: "30%";
	}

	47.6923076923% {
		content: "31%";
	}

	49.2307692308% {
		content: "32%";
	}

	50.7692307692% {
		content: "33%";
	}

	52.3076923077% {
		content: "34%";
	}

	53.8461538462% {
		content: "35%";
	}

	55.3846153846% {
		content: "36%";
	}

	56.9230769231% {
		content: "37%";
	}

	58.4615384615% {
		content: "38%";
	}

	60% {
		content: "39%";
	}

	61.5384615385% {
		content: "40%";
	}

	63.0769230769% {
		content: "41%";
	}

	64.6153846154% {
		content: "42%";
	}

	66.1538461538% {
		content: "43%";
	}

	67.6923076923% {
		content: "44%";
	}

	69.2307692308% {
		content: "45%";
	}

	70.7692307692% {
		content: "46%";
	}

	72.3076923077% {
		content: "47%";
	}

	73.8461538462% {
		content: "48%";
	}

	75.3846153846% {
		content: "49%";
	}

	76.9230769231% {
		content: "50%";
	}

	78.4615384615% {
		content: "51%";
	}

	80% {
		content: "52%";
	}

	81.5384615385% {
		content: "53%";
	}

	83.0769230769% {
		content: "54%";
	}

	84.6153846154% {
		content: "55%";
	}

	86.1538461538% {
		content: "56%";
	}

	87.6923076923% {
		content: "57%";
	}

	89.2307692308% {
		content: "58%";
	}

	90.7692307692% {
		content: "59%";
	}

	92.3076923077% {
		content: "60%";
	}

	93.8461538462% {
		content: "61%";
	}

	95.3846153846% {
		content: "62%";
	}

	96.9230769231% {
		content: "63%";
	}

	98.4615384615% {
		content: "64%";
	}

	to {
		content: "65%";
	}
}

@keyframes go-8 {
	1.5384615385% {
		content: "1%";
	}

	3.0769230769% {
		content: "2%";
	}

	4.6153846154% {
		content: "3%";
	}

	6.1538461538% {
		content: "4%";
	}

	7.6923076923% {
		content: "5%";
	}

	9.2307692308% {
		content: "6%";
	}

	10.7692307692% {
		content: "7%";
	}

	12.3076923077% {
		content: "8%";
	}

	13.8461538462% {
		content: "9%";
	}

	15.3846153846% {
		content: "10%";
	}

	16.9230769231% {
		content: "11%";
	}

	18.4615384615% {
		content: "12%";
	}

	20% {
		content: "13%";
	}

	21.5384615385% {
		content: "14%";
	}

	23.0769230769% {
		content: "15%";
	}

	24.6153846154% {
		content: "16%";
	}

	26.1538461538% {
		content: "17%";
	}

	27.6923076923% {
		content: "18%";
	}

	29.2307692308% {
		content: "19%";
	}

	30.7692307692% {
		content: "20%";
	}

	32.3076923077% {
		content: "21%";
	}

	33.8461538462% {
		content: "22%";
	}

	35.3846153846% {
		content: "23%";
	}

	36.9230769231% {
		content: "24%";
	}

	38.4615384615% {
		content: "25%";
	}

	40% {
		content: "26%";
	}

	41.5384615385% {
		content: "27%";
	}

	43.0769230769% {
		content: "28%";
	}

	44.6153846154% {
		content: "29%";
	}

	46.1538461538% {
		content: "30%";
	}

	47.6923076923% {
		content: "31%";
	}

	49.2307692308% {
		content: "32%";
	}

	50.7692307692% {
		content: "33%";
	}

	52.3076923077% {
		content: "34%";
	}

	53.8461538462% {
		content: "35%";
	}

	55.3846153846% {
		content: "36%";
	}

	56.9230769231% {
		content: "37%";
	}

	58.4615384615% {
		content: "38%";
	}

	60% {
		content: "39%";
	}

	61.5384615385% {
		content: "40%";
	}

	63.0769230769% {
		content: "41%";
	}

	64.6153846154% {
		content: "42%";
	}

	66.1538461538% {
		content: "43%";
	}

	67.6923076923% {
		content: "44%";
	}

	69.2307692308% {
		content: "45%";
	}

	70.7692307692% {
		content: "46%";
	}

	72.3076923077% {
		content: "47%";
	}

	73.8461538462% {
		content: "48%";
	}

	75.3846153846% {
		content: "49%";
	}

	76.9230769231% {
		content: "50%";
	}

	78.4615384615% {
		content: "51%";
	}

	80% {
		content: "52%";
	}

	81.5384615385% {
		content: "53%";
	}

	83.0769230769% {
		content: "54%";
	}

	84.6153846154% {
		content: "55%";
	}

	86.1538461538% {
		content: "56%";
	}

	87.6923076923% {
		content: "57%";
	}

	89.2307692308% {
		content: "58%";
	}

	90.7692307692% {
		content: "59%";
	}

	92.3076923077% {
		content: "60%";
	}

	93.8461538462% {
		content: "61%";
	}

	95.3846153846% {
		content: "62%";
	}

	96.9230769231% {
		content: "63%";
	}

	98.4615384615% {
		content: "64%";
	}

	to {
		content: "65%";
	}
}

@-webkit-keyframes typed {
	.5592240896%, 0%, 15.6862745098%, 15.9653865546% {
		content: "П";
	}

	.5602240896%, 1.1194481793%, 15.406162465%, 15.6852745098% {
		content: "Пи";
	}

	1.1204481793%, 1.6796722689%, 15.1260504202%, 15.405162465% {
		content: "Пиш";
	}

	1.6806722689%, 14.8459383754%, 15.1250504202%, 2.2398963585% {
		content: "Пиши";
	}

	14.5658263305%, 14.8449383754%, 2.2408963585%, 2.8001204482% {
		content: "Пишит";
	}

	14.2857142857%, 14.5648263305%, 2.8011204482%, 3.3603445378% {
		content: "Пишите";
	}

	14.0056022409%, 14.2847142857%, 3.3613445378%, 3.9205686275% {
		content: "Пишите!";
	}

	13.7254901961%, 14.0046022409%, 3.9215686275%, 4.4807927171% {
		content: "Пишите!!";
	}

	13.7244901961%, 4.4817927171% {
		content: "Пишите!!!";
	}

	15.9663865546%, 27.1698683473%, 49.0196078431%, 60.2230896359%, 88.7955182073%, to {
		content: "​";
	}

	27.1708683473%, 27.730092437%, 48.7394957983%, 49.0186078431% {
		content: "Ж";
	}

	27.731092437%, 28.2903165266%, 48.4593837535%, 48.7384957983% {
		content: "Жд";
	}

	28.2913165266%, 28.8505406162%, 48.1792717087%, 48.4583837535% {
		content: "Жду";
	}

	28.8515406162%, 29.4107647059%, 47.8991596639%, 48.1782717087% {
		content: "Жду ";
	}

	29.4117647059%, 29.9709887955%, 47.619047619%, 47.8981596639% {
		content: "Жду в";
	}

	29.9719887955%, 30.5312128852%, 47.3389355742%, 47.618047619% {
		content: "Жду ва";
	}

	30.5322128852%, 31.0914369748%, 47.0588235294%, 47.3379355742% {
		content: "Жду ваш";
	}

	31.0924369748%, 31.6516610644%, 46.7787114846%, 47.0578235294% {
		content: "Жду ваши";
	}

	31.6526610644%, 32.2118851541%, 46.4985994398%, 46.7777114846% {
		content: "Жду ваших";
	}

	32.2128851541%, 32.7721092437%, 46.218487395%, 46.4975994398% {
		content: "Жду ваших ";
	}

	32.7731092437%, 33.3323333333%, 45.9383753501%, 46.217487395% {
		content: "Жду ваших п";
	}

	33.3333333333%, 33.892557423%, 45.6582633053%, 45.9373753501% {
		content: "Жду ваших пи";
	}

	33.893557423%, 34.4527815126%, 45.3781512605%, 45.6572633053% {
		content: "Жду ваших пис";
	}

	34.4537815126%, 35.0130056022%, 45.0980392157%, 45.3771512605% {
		content: "Жду ваших писе";
	}

	35.0140056022%, 35.5732296919%, 44.8179271709%, 45.0970392157% {
		content: "Жду ваших писем";
	}

	35.5742296919%, 44.8169271709% {
		content: "Жду ваших писем!";
	}

	60.2240896359%, 60.7833137255%, 88.5154061625%, 88.7945182073% {
		content: "Б";
	}

	60.7843137255%, 61.3435378151%, 88.2352941176%, 88.5144061625% {
		content: "Бу";
	}

	61.3445378151%, 61.9037619048%, 87.9551820728%, 88.2342941176% {
		content: "Буд";
	}

	61.9047619048%, 62.4639859944%, 87.675070028%, 87.9541820728% {
		content: "Буду";
	}

	62.4649859944%, 63.024210084%, 87.3949579832%, 87.674070028% {
		content: "Буду ";
	}

	63.025210084%, 63.5844341737%, 87.1148459384%, 87.3939579832% {
		content: "Буду р";
	}

	63.5854341737%, 64.1446582633%, 86.8347338936%, 87.1138459384% {
		content: "Буду ра";
	}

	64.1456582633%, 64.7048823529%, 86.5546218487%, 86.8337338936% {
		content: "Буду рад";
	}

	64.7058823529%, 65.2651064426%, 86.2745098039%, 86.5536218487% {
		content: "Буду рад ";
	}

	65.2661064426%, 65.8253305322%, 85.9943977591%, 86.2735098039% {
		content: "Буду рад п";
	}

	65.8263305322%, 66.3855546218%, 85.7142857143%, 85.9933977591% {
		content: "Буду рад по";
	}

	66.3865546218%, 66.9457787115%, 85.4341736695%, 85.7132857143% {
		content: "Буду рад поо";
	}

	66.9467787115%, 67.5060028011%, 85.1540616246%, 85.4331736695% {
		content: "Буду рад пооб";
	}

	67.5070028011%, 68.0662268908%, 84.8739495798%, 85.1530616246% {
		content: "Буду рад пообщ";
	}

	68.0672268908%, 68.6264509804%, 84.593837535%, 84.8729495798% {
		content: "Буду рад пообща";
	}

	68.6274509804%, 69.18667507%, 84.3137254902%, 84.592837535% {
		content: "Буду рад пообщат";
	}

	69.18767507%, 69.7468991597%, 84.0336134454%, 84.3127254902% {
		content: "Буду рад пообщать";
	}

	69.7478991597%, 70.3071232493%, 83.7535014006%, 84.0326134454% {
		content: "Буду рад пообщатьс";
	}

	70.3081232493%, 70.8673473389%, 83.4733893557%, 83.7525014006% {
		content: "Буду рад пообщаться";
	}

	70.8683473389%, 71.4275714286%, 83.1932773109%, 83.4723893557% {
		content: "Буду рад пообщаться ";
	}

	71.4285714286%, 71.9877955182%, 82.9131652661%, 83.1922773109% {
		content: "Буду рад пообщаться 🙋";
	}

	71.9887955182%, 72.5480196078%, 82.6330532213%, 82.9121652661% {
		content: "Буду рад пообщаться 🙋‍";
	}

	72.5490196078%, 73.1082436975%, 82.3529411765%, 82.6320532213% {
		content: "Буду рад пообщаться 🙋‍♂";
	}

	73.1092436975%, 82.3519411765% {
		content: "Буду рад пообщаться 🙋‍♂️";
	}
}

@keyframes typed {
	.5592240896%, 0%, 15.6862745098%, 15.9653865546% {
		content: "П";
	}

	.5602240896%, 1.1194481793%, 15.406162465%, 15.6852745098% {
		content: "Пи";
	}

	1.1204481793%, 1.6796722689%, 15.1260504202%, 15.405162465% {
		content: "Пиш";
	}

	1.6806722689%, 14.8459383754%, 15.1250504202%, 2.2398963585% {
		content: "Пиши";
	}

	14.5658263305%, 14.8449383754%, 2.2408963585%, 2.8001204482% {
		content: "Пишит";
	}

	14.2857142857%, 14.5648263305%, 2.8011204482%, 3.3603445378% {
		content: "Пишите";
	}

	14.0056022409%, 14.2847142857%, 3.3613445378%, 3.9205686275% {
		content: "Пишите!";
	}

	13.7254901961%, 14.0046022409%, 3.9215686275%, 4.4807927171% {
		content: "Пишите!!";
	}

	13.7244901961%, 4.4817927171% {
		content: "Пишите!!!";
	}

	15.9663865546%, 27.1698683473%, 49.0196078431%, 60.2230896359%, 88.7955182073%, to {
		content: "​";
	}

	27.1708683473%, 27.730092437%, 48.7394957983%, 49.0186078431% {
		content: "Ж";
	}

	27.731092437%, 28.2903165266%, 48.4593837535%, 48.7384957983% {
		content: "Жд";
	}

	28.2913165266%, 28.8505406162%, 48.1792717087%, 48.4583837535% {
		content: "Жду";
	}

	28.8515406162%, 29.4107647059%, 47.8991596639%, 48.1782717087% {
		content: "Жду ";
	}

	29.4117647059%, 29.9709887955%, 47.619047619%, 47.8981596639% {
		content: "Жду в";
	}

	29.9719887955%, 30.5312128852%, 47.3389355742%, 47.618047619% {
		content: "Жду ва";
	}

	30.5322128852%, 31.0914369748%, 47.0588235294%, 47.3379355742% {
		content: "Жду ваш";
	}

	31.0924369748%, 31.6516610644%, 46.7787114846%, 47.0578235294% {
		content: "Жду ваши";
	}

	31.6526610644%, 32.2118851541%, 46.4985994398%, 46.7777114846% {
		content: "Жду ваших";
	}

	32.2128851541%, 32.7721092437%, 46.218487395%, 46.4975994398% {
		content: "Жду ваших ";
	}

	32.7731092437%, 33.3323333333%, 45.9383753501%, 46.217487395% {
		content: "Жду ваших п";
	}

	33.3333333333%, 33.892557423%, 45.6582633053%, 45.9373753501% {
		content: "Жду ваших пи";
	}

	33.893557423%, 34.4527815126%, 45.3781512605%, 45.6572633053% {
		content: "Жду ваших пис";
	}

	34.4537815126%, 35.0130056022%, 45.0980392157%, 45.3771512605% {
		content: "Жду ваших писе";
	}

	35.0140056022%, 35.5732296919%, 44.8179271709%, 45.0970392157% {
		content: "Жду ваших писем";
	}

	35.5742296919%, 44.8169271709% {
		content: "Жду ваших писем!";
	}

	60.2240896359%, 60.7833137255%, 88.5154061625%, 88.7945182073% {
		content: "Б";
	}

	60.7843137255%, 61.3435378151%, 88.2352941176%, 88.5144061625% {
		content: "Бу";
	}

	61.3445378151%, 61.9037619048%, 87.9551820728%, 88.2342941176% {
		content: "Буд";
	}

	61.9047619048%, 62.4639859944%, 87.675070028%, 87.9541820728% {
		content: "Буду";
	}

	62.4649859944%, 63.024210084%, 87.3949579832%, 87.674070028% {
		content: "Буду ";
	}

	63.025210084%, 63.5844341737%, 87.1148459384%, 87.3939579832% {
		content: "Буду р";
	}

	63.5854341737%, 64.1446582633%, 86.8347338936%, 87.1138459384% {
		content: "Буду ра";
	}

	64.1456582633%, 64.7048823529%, 86.5546218487%, 86.8337338936% {
		content: "Буду рад";
	}

	64.7058823529%, 65.2651064426%, 86.2745098039%, 86.5536218487% {
		content: "Буду рад ";
	}

	65.2661064426%, 65.8253305322%, 85.9943977591%, 86.2735098039% {
		content: "Буду рад п";
	}

	65.8263305322%, 66.3855546218%, 85.7142857143%, 85.9933977591% {
		content: "Буду рад по";
	}

	66.3865546218%, 66.9457787115%, 85.4341736695%, 85.7132857143% {
		content: "Буду рад поо";
	}

	66.9467787115%, 67.5060028011%, 85.1540616246%, 85.4331736695% {
		content: "Буду рад пооб";
	}

	67.5070028011%, 68.0662268908%, 84.8739495798%, 85.1530616246% {
		content: "Буду рад пообщ";
	}

	68.0672268908%, 68.6264509804%, 84.593837535%, 84.8729495798% {
		content: "Буду рад пообща";
	}

	68.6274509804%, 69.18667507%, 84.3137254902%, 84.592837535% {
		content: "Буду рад пообщат";
	}

	69.18767507%, 69.7468991597%, 84.0336134454%, 84.3127254902% {
		content: "Буду рад пообщать";
	}

	69.7478991597%, 70.3071232493%, 83.7535014006%, 84.0326134454% {
		content: "Буду рад пообщатьс";
	}

	70.3081232493%, 70.8673473389%, 83.4733893557%, 83.7525014006% {
		content: "Буду рад пообщаться";
	}

	70.8683473389%, 71.4275714286%, 83.1932773109%, 83.4723893557% {
		content: "Буду рад пообщаться ";
	}

	71.4285714286%, 71.9877955182%, 82.9131652661%, 83.1922773109% {
		content: "Буду рад пообщаться 🙋";
	}

	71.9887955182%, 72.5480196078%, 82.6330532213%, 82.9121652661% {
		content: "Буду рад пообщаться 🙋‍";
	}

	72.5490196078%, 73.1082436975%, 82.3529411765%, 82.6320532213% {
		content: "Буду рад пообщаться 🙋‍♂";
	}

	73.1092436975%, 82.3519411765% {
		content: "Буду рад пообщаться 🙋‍♂️";
	}
}

@-webkit-keyframes typed1 {
	0%, 2.5306455696%, 48.1012658228%, 49.3660886076% {
		content: "И";
	}

	2.5316455696%, 46.835443038%, 48.1002658228%, 5.0622911392% {
		content: "Им";
	}

	46.834443038%, 5.0632911392% {
		content: "Имя";
	}

	49.3670886076%, to {
		content: "​";
	}
}

@keyframes typed1 {
	0%, 2.5306455696%, 48.1012658228%, 49.3660886076% {
		content: "И";
	}

	2.5316455696%, 46.835443038%, 48.1002658228%, 5.0622911392% {
		content: "Им";
	}

	46.834443038%, 5.0632911392% {
		content: "Имя";
	}

	49.3670886076%, to {
		content: "​";
	}
}

@-webkit-keyframes typed2 {
	0%, 2.3519411765%, 51.7647058824%, 52.9401764706% {
		content: "E";
	}

	2.3529411765%, 4.7048823529%, 50.5882352941%, 51.7637058824% {
		content: "Em";
	}

	4.7058823529%, 49.4117647059%, 50.5872352941%, 7.0578235294% {
		content: "Ema";
	}

	48.2352941176%, 49.4107647059%, 7.0588235294%, 9.4107647059% {
		content: "Emai";
	}

	48.2342941176%, 9.4117647059% {
		content: "Email";
	}

	52.9411764706%, to {
		content: "​";
	}
}

@keyframes typed2 {
	0%, 2.3519411765%, 51.7647058824%, 52.9401764706% {
		content: "E";
	}

	2.3529411765%, 4.7048823529%, 50.5882352941%, 51.7637058824% {
		content: "Em";
	}

	4.7058823529%, 49.4117647059%, 50.5872352941%, 7.0578235294% {
		content: "Ema";
	}

	48.2352941176%, 49.4107647059%, 7.0588235294%, 9.4107647059% {
		content: "Emai";
	}

	48.2342941176%, 9.4117647059% {
		content: "Email";
	}

	52.9411764706%, to {
		content: "​";
	}
}

@-webkit-keyframes typed3 {
	0%, 2.1968021978%, 54.9450549451%, 56.042956044% {
		content: "Т";
	}

	2.1978021978%, 4.3946043956%, 53.8461538462%, 54.9440549451% {
		content: "Те";
	}

	4.3956043956%, 52.7472527473%, 53.8451538462%, 6.5924065934% {
		content: "Тел";
	}

	51.6483516484%, 52.7462527473%, 6.5934065934%, 8.7902087912% {
		content: "Теле";
	}

	10.988010989%, 50.5494505495%, 51.6473516484%, 8.7912087912% {
		content: "Телеф";
	}

	10.989010989%, 13.1858131868%, 49.4505494505%, 50.5484505495% {
		content: "Телефо";
	}

	13.1868131868%, 49.4495494505% {
		content: "Телефон";
	}

	56.043956044%, to {
		content: "​";
	}
}

@keyframes typed3 {
	0%, 2.1968021978%, 54.9450549451%, 56.042956044% {
		content: "Т";
	}

	2.1978021978%, 4.3946043956%, 53.8461538462%, 54.9440549451% {
		content: "Те";
	}

	4.3956043956%, 52.7472527473%, 53.8451538462%, 6.5924065934% {
		content: "Тел";
	}

	51.6483516484%, 52.7462527473%, 6.5934065934%, 8.7902087912% {
		content: "Теле";
	}

	10.988010989%, 50.5494505495%, 51.6473516484%, 8.7912087912% {
		content: "Телеф";
	}

	10.989010989%, 13.1858131868%, 49.4505494505%, 50.5484505495% {
		content: "Телефо";
	}

	13.1868131868%, 49.4495494505% {
		content: "Телефон";
	}

	56.043956044%, to {
		content: "​";
	}
}

@-webkit-keyframes typed4 {
	0%, 2.0608556701%, 57.7319587629%, 58.7618865979% {
		content: "С";
	}

	2.0618556701%, 4.1227113402%, 56.7010309278%, 57.7309587629% {
		content: "Со";
	}

	4.1237113402%, 55.6701030928%, 56.7000309278%, 6.1845670103% {
		content: "Соо";
	}

	54.6391752577%, 55.6691030928%, 6.1855670103%, 8.2464226804% {
		content: "Сооб";
	}

	10.3082783505%, 53.6082474227%, 54.6381752577%, 8.2474226804% {
		content: "Сообщ";
	}

	10.3092783505%, 12.3701340206%, 52.5773195876%, 53.6072474227% {
		content: "Сообще";
	}

	12.3711340206%, 14.4319896907%, 51.5463917526%, 52.5763195876% {
		content: "Сообщен";
	}

	14.4329896907%, 16.4938453608%, 50.5154639175%, 51.5453917526% {
		content: "Сообщени";
	}

	16.4948453608%, 50.5144639175% {
		content: "Сообщение";
	}

	58.7628865979%, to {
		content: "​";
	}
}

@keyframes typed4 {
	0%, 2.0608556701%, 57.7319587629%, 58.7618865979% {
		content: "С";
	}

	2.0618556701%, 4.1227113402%, 56.7010309278%, 57.7309587629% {
		content: "Со";
	}

	4.1237113402%, 55.6701030928%, 56.7000309278%, 6.1845670103% {
		content: "Соо";
	}

	54.6391752577%, 55.6691030928%, 6.1855670103%, 8.2464226804% {
		content: "Сооб";
	}

	10.3082783505%, 53.6082474227%, 54.6381752577%, 8.2474226804% {
		content: "Сообщ";
	}

	10.3092783505%, 12.3701340206%, 52.5773195876%, 53.6072474227% {
		content: "Сообще";
	}

	12.3711340206%, 14.4319896907%, 51.5463917526%, 52.5763195876% {
		content: "Сообщен";
	}

	14.4329896907%, 16.4938453608%, 50.5154639175%, 51.5453917526% {
		content: "Сообщени";
	}

	16.4948453608%, 50.5144639175% {
		content: "Сообщение";
	}

	58.7628865979%, to {
		content: "​";
	}
}

@-webkit-keyframes fancybox-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes fancybox-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes fancybox-dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	to {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@keyframes fancybox-dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	to {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@-webkit-keyframes fancybox-fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fancybox-fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fancybox-fadeOut {
	to {
		opacity: 0;
	}
}

@keyframes fancybox-fadeOut {
	to {
		opacity: 0;
	}
}

@-webkit-keyframes fancybox-zoomInUp {
	0% {
		-webkit-transform: scale(.97) translate3d(0, 16px, 0);
		transform: scale(.97) translate3d(0, 16px, 0);
		opacity: 0;
	}

	to {
		-webkit-transform: scale(1) translate3d(0, 0, 0);
		transform: scale(1) translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes fancybox-zoomInUp {
	0% {
		-webkit-transform: scale(.97) translate3d(0, 16px, 0);
		transform: scale(.97) translate3d(0, 16px, 0);
		opacity: 0;
	}

	to {
		-webkit-transform: scale(1) translate3d(0, 0, 0);
		transform: scale(1) translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes fancybox-zoomOutDown {
	to {
		-webkit-transform: scale(.97) translate3d(0, 16px, 0);
		transform: scale(.97) translate3d(0, 16px, 0);
		opacity: 0;
	}
}

@keyframes fancybox-zoomOutDown {
	to {
		-webkit-transform: scale(.97) translate3d(0, 16px, 0);
		transform: scale(.97) translate3d(0, 16px, 0);
		opacity: 0;
	}
}

@-webkit-keyframes fancybox-throwOutUp {
	to {
		-webkit-transform: translate3d(0, -30%, 0);
		transform: translate3d(0, -30%, 0);
		opacity: 0;
	}
}

@keyframes fancybox-throwOutUp {
	to {
		-webkit-transform: translate3d(0, -30%, 0);
		transform: translate3d(0, -30%, 0);
		opacity: 0;
	}
}

@-webkit-keyframes fancybox-throwOutDown {
	to {
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
		opacity: 0;
	}
}

@keyframes fancybox-throwOutDown {
	to {
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
		opacity: 0;
	}
}

@-webkit-keyframes rotation {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg);
		transform: translate(-50%, -50%) rotate(-360deg);
	}
}

@keyframes rotation {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg);
		transform: translate(-50%, -50%) rotate(-360deg);
	}
}

@keyframes noise-anim {
	0% {
		clip: rect(21px, 9999px, 57px, 0);
	}

	5% {
		clip: rect(21px, 9999px, 80px, 0);
	}

	10% {
		clip: rect(55px, 9999px, 69px, 0);
	}

	15% {
		clip: rect(22px, 9999px, 55px, 0);
	}

	20% {
		clip: rect(38px, 9999px, 69px, 0);
	}

	25% {
		clip: rect(31px, 9999px, 84px, 0);
	}

	30% {
		clip: rect(15px, 9999px, 28px, 0);
	}

	35% {
		clip: rect(16px, 9999px, 100px, 0);
	}

	40% {
		clip: rect(25px, 9999px, 10px, 0);
	}

	45% {
		clip: rect(19px, 9999px, 19px, 0);
	}

	50% {
		clip: rect(71px, 9999px, 35px, 0);
	}

	55% {
		clip: rect(89px, 9999px, 21px, 0);
	}

	60% {
		clip: rect(20px, 9999px, 34px, 0);
	}

	65% {
		clip: rect(22px, 9999px, 61px, 0);
	}

	70% {
		clip: rect(65px, 9999px, 28px, 0);
	}

	75% {
		clip: rect(82px, 9999px, 47px, 0);
	}

	80% {
		clip: rect(64px, 9999px, 11px, 0);
	}

	85% {
		clip: rect(63px, 9999px, 28px, 0);
	}

	90% {
		clip: rect(60px, 9999px, 60px, 0);
	}

	95% {
		clip: rect(9px, 9999px, 90px, 0);
	}

	to {
		clip: rect(40px, 9999px, 62px, 0);
	}
}

@-webkit-keyframes noise-anim {
	0% {
		clip: rect(21px, 9999px, 57px, 0);
	}

	5% {
		clip: rect(21px, 9999px, 80px, 0);
	}

	10% {
		clip: rect(55px, 9999px, 69px, 0);
	}

	15% {
		clip: rect(22px, 9999px, 55px, 0);
	}

	20% {
		clip: rect(38px, 9999px, 69px, 0);
	}

	25% {
		clip: rect(31px, 9999px, 84px, 0);
	}

	30% {
		clip: rect(15px, 9999px, 28px, 0);
	}

	35% {
		clip: rect(16px, 9999px, 100px, 0);
	}

	40% {
		clip: rect(25px, 9999px, 10px, 0);
	}

	45% {
		clip: rect(19px, 9999px, 19px, 0);
	}

	50% {
		clip: rect(71px, 9999px, 35px, 0);
	}

	55% {
		clip: rect(89px, 9999px, 21px, 0);
	}

	60% {
		clip: rect(20px, 9999px, 34px, 0);
	}

	65% {
		clip: rect(22px, 9999px, 61px, 0);
	}

	70% {
		clip: rect(65px, 9999px, 28px, 0);
	}

	75% {
		clip: rect(82px, 9999px, 47px, 0);
	}

	80% {
		clip: rect(64px, 9999px, 11px, 0);
	}

	85% {
		clip: rect(63px, 9999px, 28px, 0);
	}

	90% {
		clip: rect(60px, 9999px, 60px, 0);
	}

	95% {
		clip: rect(9px, 9999px, 90px, 0);
	}

	to {
		clip: rect(40px, 9999px, 62px, 0);
	}
}

@keyframes noise-anim-2 {
	0% {
		clip: rect(77px, 9999px, 63px, 0);
	}

	5% {
		clip: rect(7px, 9999px, 6px, 0);
	}

	10% {
		clip: rect(82px, 9999px, 78px, 0);
	}

	15% {
		clip: rect(85px, 9999px, 25px, 0);
	}

	20% {
		clip: rect(93px, 9999px, 38px, 0);
	}

	25% {
		clip: rect(70px, 9999px, 96px, 0);
	}

	30% {
		clip: rect(41px, 9999px, 72px, 0);
	}

	35% {
		clip: rect(39px, 9999px, 65px, 0);
	}

	40% {
		clip: rect(36px, 9999px, 34px, 0);
	}

	45% {
		clip: rect(84px, 9999px, 96px, 0);
	}

	50% {
		clip: rect(99px, 9999px, 45px, 0);
	}

	55% {
		clip: rect(37px, 9999px, 73px, 0);
	}

	60% {
		clip: rect(63px, 9999px, 20px, 0);
	}

	65% {
		clip: rect(55px, 9999px, 44px, 0);
	}

	70% {
		clip: rect(58px, 9999px, 11px, 0);
	}

	75% {
		clip: rect(61px, 9999px, 82px, 0);
	}

	80% {
		clip: rect(60px, 9999px, 9px, 0);
	}

	85% {
		clip: rect(37px, 9999px, 69px, 0);
	}

	90% {
		clip: rect(32px, 9999px, 64px, 0);
	}

	95% {
		clip: rect(63px, 9999px, 16px, 0);
	}

	to {
		clip: rect(47px, 9999px, 34px, 0);
	}
}

@-webkit-keyframes noise-anim-2 {
	0% {
		clip: rect(77px, 9999px, 63px, 0);
	}

	5% {
		clip: rect(7px, 9999px, 6px, 0);
	}

	10% {
		clip: rect(82px, 9999px, 78px, 0);
	}

	15% {
		clip: rect(85px, 9999px, 25px, 0);
	}

	20% {
		clip: rect(93px, 9999px, 38px, 0);
	}

	25% {
		clip: rect(70px, 9999px, 96px, 0);
	}

	30% {
		clip: rect(41px, 9999px, 72px, 0);
	}

	35% {
		clip: rect(39px, 9999px, 65px, 0);
	}

	40% {
		clip: rect(36px, 9999px, 34px, 0);
	}

	45% {
		clip: rect(84px, 9999px, 96px, 0);
	}

	50% {
		clip: rect(99px, 9999px, 45px, 0);
	}

	55% {
		clip: rect(37px, 9999px, 73px, 0);
	}

	60% {
		clip: rect(63px, 9999px, 20px, 0);
	}

	65% {
		clip: rect(55px, 9999px, 44px, 0);
	}

	70% {
		clip: rect(58px, 9999px, 11px, 0);
	}

	75% {
		clip: rect(61px, 9999px, 82px, 0);
	}

	80% {
		clip: rect(60px, 9999px, 9px, 0);
	}

	85% {
		clip: rect(37px, 9999px, 69px, 0);
	}

	90% {
		clip: rect(32px, 9999px, 64px, 0);
	}

	95% {
		clip: rect(63px, 9999px, 16px, 0);
	}

	to {
		clip: rect(47px, 9999px, 34px, 0);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}

	to {
		-webkit-transform: translateY(-350vh) rotate(720deg);
		transform: translateY(-350vh) rotate(720deg);
		opacity: 0;
		border-radius: 50%;
	}
}

@keyframes spin {
	0% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}

	to {
		-webkit-transform: translateY(-350vh) rotate(720deg);
		transform: translateY(-350vh) rotate(720deg);
		opacity: 0;
		border-radius: 50%;
	}
}

@-webkit-keyframes ef2 {
	to {
		-webkit-transform: translate(200px, -5%);
		transform: translate(200px, -5%);
	}
}

@keyframes ef2 {
	to {
		-webkit-transform: translate(200px, -5%);
		transform: translate(200px, -5%);
	}
}

@-webkit-keyframes scroll-down-anim {
	0% {
		opacity: 0;
		height: 6px;
	}

	40% {
		opacity: 1;
		height: 10px;
	}

	80% {
		-webkit-transform: translate(0, 20px);
		transform: translate(0, 20px);
		height: 10px;
		opacity: 0;
	}

	to {
		height: 3px;
		opacity: 0;
	}
}

@keyframes scroll-down-anim {
	0% {
		opacity: 0;
		height: 6px;
	}

	40% {
		opacity: 1;
		height: 10px;
	}

	80% {
		-webkit-transform: translate(0, 20px);
		transform: translate(0, 20px);
		height: 10px;
		opacity: 0;
	}

	to {
		height: 3px;
		opacity: 0;
	}
}

@-webkit-keyframes pulse {
	0% {
		opacity: 0;
	}

	to {
		opacity: .5;
	}
}

@keyframes pulse {
	0% {
		opacity: 0;
	}

	to {
		opacity: .5;
	}
}

@-webkit-keyframes modalopen {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes modalopen {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes openLeft {
	0% {
		-webkit-transform: translate3d(77%, 0, 0);
		transform: translate3d(77%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(1%, 0, 0);
		transform: translate3d(1%, 0, 0);
	}
}

@keyframes openLeft {
	0% {
		-webkit-transform: translate3d(77%, 0, 0);
		transform: translate3d(77%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(1%, 0, 0);
		transform: translate3d(1%, 0, 0);
	}
}

@-webkit-keyframes openRight {
	0% {
		-webkit-transform: translate3d(-33%, 0, 0);
		transform: translate3d(-33%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes openRight {
	0% {
		-webkit-transform: translate3d(-33%, 0, 0);
		transform: translate3d(-33%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes closeLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(77%, 0, 0);
		transform: translate3d(77%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}
}

@keyframes closeLeft {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(77%, 0, 0);
		transform: translate3d(77%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}
}

@-webkit-keyframes closeRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(-33%, 0, 0);
		transform: translate3d(-33%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}
}

@keyframes closeRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		-webkit-transform: translate3d(-33%, 0, 0);
		transform: translate3d(-33%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}
}

@-webkit-keyframes themeSwitchOff {
	0% {
		-webkit-transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
		transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0);
	}
}

@keyframes themeSwitchOff {
	0% {
		-webkit-transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
		transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0);
	}
}

@-webkit-keyframes themeSwitchOn {
	0% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
		transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
	}
}

@keyframes themeSwitchOn {
	0% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
		animation-timing-function: cubic-bezier(0, 0, .22, 1.055);
	}

	to {
		-webkit-transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
		transform: translate3d(calc(13px + 8 * (100vw - 320px) / 1600), 0, 0);
	}
}

:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000000;
	--bs-white: #FFFFFF;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #0d6efd;
	--bs-link-hover-color: #0a58ca;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
}

* {
	outline: 0;
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body,
html {
	height: 100%;
	min-width: 320px;
}

body,
button,
input,
textarea {
	font-family: "Comfortaa", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
	font-size: rem(16);
	line-height: 1;
	color: #000;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: var(--text-color);
	background-color: #3f3f3f;
	background-image: -o-radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), -o-linear-gradient(top, var(--colorChange), var(--colorChange) 2px, #111 calc(16px + -13 * (100vw - 320px) / 1600));
	background-image: radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), linear-gradient(to bottom, var(--colorChange), var(--colorChange) 2px, #111 calc(16px + -13 * (100vw - 320px) / 1600));
	background-repeat: repeat-y;
	background-position: center center;
	background-size: cover, 100% 3px;
}

button,
input,
textarea {
	font-size: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
	outline: 0;
	border: 0;
	background-color: inherit;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

a,
a:hover,
a:visited {
	text-decoration: none;
}

a {
	color: inherit;
}

ol li,
ul {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

@font-face {
	font-family: AmaticSC;
	font-display: swap;
	src: url(../fonts/AmaticSC-Regular.woff2) format("woff2"), url(../fonts/AmaticSC-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: AmaticSC;
	font-display: swap;
	src: url(../fonts/AmaticSC-Bold.woff2) format("woff2"), url(../fonts/AmaticSC-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: BadScript;
	font-display: swap;
	src: url(../fonts/BadScript-Regular.woff2) format("woff2"), url(../fonts/BadScript-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Caveat;
	font-display: swap;
	src: url(../fonts/Caveat-Bold.woff2) format("woff2"), url(../fonts/Caveat-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Caveat;
	font-display: swap;
	src: url(../fonts/Caveat-Medium.woff2) format("woff2"), url(../fonts/Caveat-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Caveat;
	font-display: swap;
	src: url(../fonts/Caveat-SemiBold.woff2) format("woff2"), url(../fonts/Caveat-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: Caveat;
	font-display: swap;
	src: url(../fonts/Caveat-VariableFont_wght.woff2) format("woff2"), url(../fonts/Caveat-VariableFont_wght.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Comfortaa;
	font-display: swap;
	src: url(../fonts/Comfortaa-Bold.woff2) format("woff2"), url(../fonts/Comfortaa-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Caveat;
	font-display: swap;
	src: url(../fonts/Caveat-Regular.woff2) format("woff2"), url(../fonts/Caveat-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Comfortaa;
	font-display: swap;
	src: url(../fonts/Comfortaa-Medium.woff2) format("woff2"), url(../fonts/Comfortaa-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Comfortaa;
	font-display: swap;
	src: url(../fonts/Comfortaa-Regular.woff2) format("woff2"), url(../fonts/Comfortaa-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-Black.woff2) format("woff2"), url(../fonts/Exo2-Black.woff) format("woff");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: Comfortaa;
	font-display: swap;
	src: url(../fonts/Comfortaa-Light.woff2) format("woff2"), url(../fonts/Comfortaa-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-BlackItalic.woff2) format("woff2"), url(../fonts/Exo2-BlackItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-Bold.woff2) format("woff2"), url(../fonts/Exo2-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Cyberpunk;
	font-display: swap;
	src: url(../fonts/Cyberpunk.woff2) format("woff2"), url(../fonts/Cyberpunk.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-ExtraBold.woff2) format("woff2"), url(../fonts/Exo2-ExtraBold.woff) format("woff");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/Exo2-ExtraBoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-BoldItalic.woff2) format("woff2"), url(../fonts/Exo2-BoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-ExtraLightItalic.woff2) format("woff2"), url(../fonts/Exo2-ExtraLightItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-ExtraLight.woff2) format("woff2"), url(../fonts/Exo2-ExtraLight.woff) format("woff");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-Light.woff2) format("woff2"), url(../fonts/Exo2-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-LightItalic.woff2) format("woff2"), url(../fonts/Exo2-LightItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-Medium.woff2) format("woff2"), url(../fonts/Exo2-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-MediumItalic.woff2) format("woff2"), url(../fonts/Exo2-MediumItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-Regular.woff2) format("woff2"), url(../fonts/Exo2-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-SemiBold.woff2) format("woff2"), url(../fonts/Exo2-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-SemiBoldItalic.woff2) format("woff2"), url(../fonts/Exo2-SemiBoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-Italic.woff2) format("woff2"), url(../fonts/Exo2-Italic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-ThinItalic.woff2) format("woff2"), url(../fonts/Exo2-ThinItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: icons;
	font-display: swap;
	src: url(../fonts/icons.woff2) format("woff2"), url(../fonts/icons.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Exo2;
	font-display: swap;
	src: url(../fonts/Exo2-Thin.woff2) format("woff2"), url(../fonts/Exo2-Thin.woff) format("woff");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: Jura;
	font-display: swap;
	src: url(../fonts/Jura-Light.woff2) format("woff2"), url(../fonts/Jura-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: Jura;
	font-display: swap;
	src: url(../fonts/Jura-Medium.woff2) format("woff2"), url(../fonts/Jura-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Jura;
	font-display: swap;
	src: url(../fonts/Jura-Bold.woff2) format("woff2"), url(../fonts/Jura-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Jura;
	font-display: swap;
	src: url(../fonts/Jura-Regular.woff2) format("woff2"), url(../fonts/Jura-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Jura;
	font-display: swap;
	src: url(../fonts/Jura-SemiBold.woff2) format("woff2"), url(../fonts/Jura-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: Lobster;
	font-display: swap;
	src: url(../fonts/Lobster-Regular.woff2) format("woff2"), url(../fonts/Lobster-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Pacifico;
	font-display: swap;
	src: url(../fonts/Pacifico-Regular.woff2) format("woff2"), url(../fonts/Pacifico-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-Black.woff2) format("woff2"), url(../fonts/Raleway-Black.woff) format("woff");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: PoiretOne;
	font-display: swap;
	src: url(../fonts/PoiretOne-Regular.woff2) format("woff2"), url(../fonts/PoiretOne-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-Bold.woff2) format("woff2"), url(../fonts/Raleway-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: PTMono;
	font-display: swap;
	src: url(../fonts/PTMono-Regular.woff2) format("woff2"), url(../fonts/PTMono-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-BoldItalic.woff2) format("woff2"), url(../fonts/Raleway-BoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-BlackItalic.woff2) format("woff2"), url(../fonts/Raleway-BlackItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/Raleway-ExtraBoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-ExtraLight.woff2) format("woff2"), url(../fonts/Raleway-ExtraLight.woff) format("woff");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-ExtraBold.woff2) format("woff2"), url(../fonts/Raleway-ExtraBold.woff) format("woff");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-ExtraLightItalic.woff2) format("woff2"), url(../fonts/Raleway-ExtraLightItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-Italic.woff2) format("woff2"), url(../fonts/Raleway-Italic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-Light.woff2) format("woff2"), url(../fonts/Raleway-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-LightItalic.woff2) format("woff2"), url(../fonts/Raleway-LightItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-Medium.woff2) format("woff2"), url(../fonts/Raleway-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-MediumItalic.woff2) format("woff2"), url(../fonts/Raleway-MediumItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-Regular.woff2) format("woff2"), url(../fonts/Raleway-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-SemiBold.woff2) format("woff2"), url(../fonts/Raleway-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-SemiBoldItalic.woff2) format("woff2"), url(../fonts/Raleway-SemiBoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-Thin.woff2) format("woff2"), url(../fonts/Raleway-Thin.woff) format("woff");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: Raleway;
	font-display: swap;
	src: url(../fonts/Raleway-ThinItalic.woff2) format("woff2"), url(../fonts/Raleway-ThinItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: RussoOne;
	font-display: swap;
	src: url(../fonts/RussoOne-Regular.woff2) format("woff2"), url(../fonts/RussoOne-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-Black.woff2) format("woff2"), url(../fonts/SourceCodePro-Black.woff) format("woff");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-BlackItalic.woff2) format("woff2"), url(../fonts/SourceCodePro-BlackItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-Bold.woff2) format("woff2"), url(../fonts/SourceCodePro-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-BoldItalic.woff2) format("woff2"), url(../fonts/SourceCodePro-BoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-ExtraBold.woff2) format("woff2"), url(../fonts/SourceCodePro-ExtraBold.woff) format("woff");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/SourceCodePro-ExtraBoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-ExtraLight.woff2) format("woff2"), url(../fonts/SourceCodePro-ExtraLight.woff) format("woff");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-ExtraLightItalic.woff2) format("woff2"), url(../fonts/SourceCodePro-ExtraLightItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-Italic.woff2) format("woff2"), url(../fonts/SourceCodePro-Italic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-Light.woff2) format("woff2"), url(../fonts/SourceCodePro-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-LightItalic.woff2) format("woff2"), url(../fonts/SourceCodePro-LightItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-Medium.woff2) format("woff2"), url(../fonts/SourceCodePro-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-MediumItalic.woff2) format("woff2"), url(../fonts/SourceCodePro-MediumItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-Regular.woff2) format("woff2"), url(../fonts/SourceCodePro-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-SemiBold.woff2) format("woff2"), url(../fonts/SourceCodePro-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: SourceCodePro;
	font-display: swap;
	src: url(../fonts/SourceCodePro-SemiBoldItalic.woff2) format("woff2"), url(../fonts/SourceCodePro-SemiBoldItalic.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

.about__btn:after,
[class*=" _icon-"]:before,
[class^=_icon-]:before {
	font-family: "icons", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class*=" _icon-"]:before,
[class^=_icon-]:before {
	display: block;
}

._icon-mail:before {
	content: "\e90d";
}

._icon-mail-open:before {
	content: "\e90e";
}

._icon-email:before {
	content: "\e908";
}

._icon-skills:before {
	content: "\e904";
}

._icon-man:before {
	content: "\e905";
}

._icon-phone:before {
	content: "\e906";
}

._icon-contact:before {
	content: "\e907";
}

._icon-telegram:before {
	content: "\e909";
}

._icon-whatsapp:before {
	content: "\e90a";
}

._icon-about:before {
	content: "\e90b";
}

._icon-portfolio:before {
	content: "\e90c";
}

._icon-off:before {
	content: "\e902";
}

._icon-on:before {
	content: "\e903";
}

._icon-message:before {
	content: "\e901";
}

._icon-logo:before {
	content: "\e900";
}

@font-face {
	font-family: Cyber;
	src: url(https://assets.codepen.io/605876/Blender-Pro-Bold.otf);
	font-display: swap;
}

._touch .page,
body._lock {
	overflow: hidden;
}

._touch .on .page__scroll {
	display: none;
}

._touch .page {
	width: 100%;
}

._touch .content-scroll {
	height: 100%;
}

._touch .contact__left {
	display: none;
}

._touch .contact__right {
	-webkit-animation: unset;
	animation: unset;
}

.wrapper.on ._block {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
}

.wrapper.on ._block_content {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wrapper.on._loaded .page__pagination {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 1;
	visibility: visible;
}

.wrapper.on .footer {
	display: none;
}

.wrapper.on .page {
	position: fixed;
	overflow: hidden;
	padding: 0;
}

.wrapper.on .page__wrapper {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.wrapper.on .page__scroll {
	position: relative;
	bottom: 2px;
	height: 2px;
}

.wrapper.on .page__scroll .page__drag-scroll {
	height: 100%;
	background: -o-linear-gradient(45deg, #fcee09, #ff003c);
	background: linear-gradient(45deg, #fcee09, #ff003c);
}

.wrapper.on .sidebar-btn {
	position: absolute;
}

.wrapper.on .technology.swiper-slide-active .skill-progress {
	opacity: 1;
	visibility: visible;
}

.wrapper.on .skill-progress {
	opacity: 0;
	visibility: hidden;
}

.wrapper.on .scroll-down {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wrapper._loaded .page__pagination {
	-webkit-transform: translate(34px, -50%);
	-ms-transform: translate(34px, -50%);
	transform: translate(34px, -50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: -webkit-transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: -webkit-transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	-o-transition: transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: transform 500ms cubic-bezier(.175, .885, .32, 1.275), -webkit-transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.wrapper._active .footer,
.wrapper._active .page {
	width: calc(100% - 250px);
}

.content-scroll {
	position: relative;
	height: 100vh;
	padding: 5px 0 5px 5px;
}

.page {
	position: relative;
	top: 0;
	right: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: calc(100% - 76px);
	height: 100%;
	-webkit-transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	-o-transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	z-index: 2;
}

.page__pagination,
.page__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.page__wrapper {
	height: 100%;
}

.page__pagination {
	position: absolute;
	top: 50%;
	right: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translate(30px, -50%);
	-ms-transform: translate(30px, -50%);
	transform: translate(30px, -50%);
	opacity: 0;
	visibility: hidden;
}

.page__bullet {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 51, .6), inset 0 0 2px #b6b6fb, 8px 8px 32px rgba(0, 0, 51, .5), 1px 1px 2px rgba(0, 0, 51, .75);
	box-shadow: inset 0 0 5px rgba(0, 0, 51, .6), inset 0 0 2px #b6b6fb, 8px 8px 32px rgba(0, 0, 51, .5), 1px 1px 2px rgba(0, 0, 51, .75);
	margin: 10px 0;
	-webkit-transition: background-color .3s ease 0s;
	-o-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s;
}

.page__bullet_active {
	-webkit-box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .6), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem rgba(0, 0, 51, .5), inset .1rem .1rem .2rem rgba(0, 0, 51, .75), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .6), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem rgba(0, 0, 51, .5), inset .1rem .1rem .2rem rgba(0, 0, 51, .75), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	background: -webkit-gradient(linear, left top, left bottom, from(#c1cdcd), to(#94a8a8));
	background: -o-linear-gradient(#c1cdcd, #94a8a8);
	background: linear-gradient(#c1cdcd, #94a8a8);
}

._block_content {
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
}

.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row > * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}

.col {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
}

.row-cols-auto > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.row-cols-4 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 20%;
}

.col-auto,
.row-cols-6 > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 16.6666666667%;
}

.col-auto {
	width: auto;
}

.col-1,
.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	width: 16.66666667%;
}

.col-3,
.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	width: 33.33333333%;
}

.col-5,
.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	width: 50%;
}

.col-7,
.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	width: 66.66666667%;
}

.col-10,
.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	width: 83.33333333%;
}

.col-11,
.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	width: 100%;
}

.offset-1 {
	margin-left: 8.33333333%;
}

.offset-2 {
	margin-left: 16.66666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.33333333%;
}

.offset-5 {
	margin-left: 41.66666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.33333333%;
}

.offset-8 {
	margin-left: 66.66666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.33333333%;
}

.offset-11 {
	margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
	--bs-gutter-x: 0;
}

.g-0,
.gy-0 {
	--bs-gutter-y: 0;
}

.g-1,
.gx-1 {
	--bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
	--bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
	--bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
	--bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
	--bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
	--bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
	--bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
	--bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
	--bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
	--bs-gutter-y: 3rem;
}

.d-inline {
	display: inline;
}

.d-inline-block {
	display: inline-block;
}

.d-block {
	display: block;
}

.d-grid {
	display: grid;
}

.d-table {
	display: table;
}

.d-table-row {
	display: table-row;
}

.d-table-cell {
	display: table-cell;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.d-inline-flex {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.d-none {
	display: none;
}

.flex-fill {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flex-column-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.flex-grow-0 {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.flex-grow-1 {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.flex-shrink-0 {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.flex-shrink-1 {
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-nowrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.justify-content-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.justify-content-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.justify-content-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.justify-content-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.justify-content-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.justify-content-evenly {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.align-items-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.align-items-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.align-items-baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.align-items-stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.align-content-start {
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.align-content-end {
	-ms-flex-line-pack: end;
	align-content: flex-end;
}

.align-content-center {
	-ms-flex-line-pack: center;
	align-content: center;
}

.align-content-between {
	-ms-flex-line-pack: justify;
	align-content: space-between;
}

.align-content-around {
	-ms-flex-line-pack: distribute;
	align-content: space-around;
}

.align-content-stretch {
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.align-self-auto {
	-ms-flex-item-align: auto;
	align-self: auto;
}

.align-self-start {
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.align-self-end {
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.align-self-center {
	-ms-flex-item-align: center;
	align-self: center;
}

.align-self-baseline {
	-ms-flex-item-align: baseline;
	align-self: baseline;
}

.align-self-stretch {
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.order-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
}

.order-0 {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
}

.order-1 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.order-2 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.order-3 {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.order-4 {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}

.order-5 {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}

.order-last {
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6;
}

.m-0 {
	margin: 0;
}

.m-1 {
	margin: .25rem;
}

.m-2 {
	margin: .5rem;
}

.m-3 {
	margin: 1rem;
}

.m-4 {
	margin: 1.5rem;
}

.m-5 {
	margin: 3rem;
}

.m-auto {
	margin: auto;
}

.mx-0 {
	margin-right: 0;
	margin-left: 0;
}

.mx-1 {
	margin-right: .25rem;
	margin-left: .25rem;
}

.mx-2 {
	margin-right: .5rem;
	margin-left: .5rem;
}

.mx-3 {
	margin-right: 1rem;
	margin-left: 1rem;
}

.mx-4 {
	margin-right: 1.5rem;
	margin-left: 1.5rem;
}

.mx-5 {
	margin-right: 3rem;
	margin-left: 3rem;
}

.mx-auto {
	margin-right: auto;
	margin-left: auto;
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.my-1 {
	margin-top: .25rem;
	margin-bottom: .25rem;
}

.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.my-3 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.my-4 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.my-5 {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}

.mt-0 {
	margin-top: 0;
}

.mt-1 {
	margin-top: .25rem;
}

.mt-2 {
	margin-top: .5rem;
}

.mt-3 {
	margin-top: 1rem;
}

.mt-4 {
	margin-top: 1.5rem;
}

.mt-5 {
	margin-top: 3rem;
}

.mt-auto {
	margin-top: auto;
}

.me-0 {
	margin-right: 0;
}

.me-1 {
	margin-right: .25rem;
}

.me-2 {
	margin-right: .5rem;
}

.me-3 {
	margin-right: 1rem;
}

.me-4 {
	margin-right: 1.5rem;
}

.me-5 {
	margin-right: 3rem;
}

.me-auto {
	margin-right: auto;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-1 {
	margin-bottom: .25rem;
}

.mb-2 {
	margin-bottom: .5rem;
}

.mb-3 {
	margin-bottom: 1rem;
}

.mb-4 {
	margin-bottom: 1.5rem;
}

.mb-5 {
	margin-bottom: 3rem;
}

.mb-auto {
	margin-bottom: auto;
}

.ms-0 {
	margin-left: 0;
}

.ms-1 {
	margin-left: .25rem;
}

.ms-2 {
	margin-left: .5rem;
}

.ms-3 {
	margin-left: 1rem;
}

.ms-4 {
	margin-left: 1.5rem;
}

.ms-5 {
	margin-left: 3rem;
}

.ms-auto {
	margin-left: auto;
}

.p-0 {
	padding: 0;
}

.p-1 {
	padding: .25rem;
}

.p-2 {
	padding: .5rem;
}

.p-3 {
	padding: 1rem;
}

.p-4 {
	padding: 1.5rem;
}

.p-5 {
	padding: 3rem;
}

.px-0 {
	padding-right: 0;
	padding-left: 0;
}

.px-1 {
	padding-right: .25rem;
	padding-left: .25rem;
}

.px-2 {
	padding-right: .5rem;
	padding-left: .5rem;
}

.px-3 {
	padding-right: 1rem;
	padding-left: 1rem;
}

.px-4 {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.px-5 {
	padding-right: 3rem;
	padding-left: 3rem;
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.py-3 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.py-4 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.py-5 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.pt-0 {
	padding-top: 0;
}

.pt-1 {
	padding-top: .25rem;
}

.pt-2 {
	padding-top: .5rem;
}

.pt-3 {
	padding-top: 1rem;
}

.pt-4 {
	padding-top: 1.5rem;
}

.pt-5 {
	padding-top: 3rem;
}

.pe-0 {
	padding-right: 0;
}

.pe-1 {
	padding-right: .25rem;
}

.pe-2 {
	padding-right: .5rem;
}

.pe-3 {
	padding-right: 1rem;
}

.pe-4 {
	padding-right: 1.5rem;
}

.pe-5 {
	padding-right: 3rem;
}

.pb-0 {
	padding-bottom: 0;
}

.pb-1 {
	padding-bottom: .25rem;
}

.pb-2 {
	padding-bottom: .5rem;
}

.pb-3 {
	padding-bottom: 1rem;
}

.pb-4 {
	padding-bottom: 1.5rem;
}

.pb-5 {
	padding-bottom: 3rem;
}

.ps-0 {
	padding-left: 0;
}

.ps-1 {
	padding-left: .25rem;
}

.ps-2 {
	padding-left: .5rem;
}

.ps-3 {
	padding-left: 1rem;
}

.ps-4 {
	padding-left: 1.5rem;
}

.ps-5 {
	padding-left: 3rem;
}

.text-start {
	text-align: left;
}

.text-end {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-decoration-none {
	text-decoration: none;
}

.text-decoration-underline {
	text-decoration: underline;
}

.text-decoration-line-through {
	text-decoration: line-through;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.text-wrap {
	white-space: normal;
}

.text-nowrap {
	white-space: nowrap;
}

.text-break {
	word-wrap: break-word;
	word-break: break-word;
}

.text-primary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
}

.text-secondary,
.text-success {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
}

.text-success {
	color: rgba(var(--bs-success-rgb), var(--bs-text-opacity));
}

.text-info,
.text-warning {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity));
}

.text-warning {
	color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity));
}

.text-danger,
.text-light {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity));
}

.text-light {
	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity));
}

.text-black,
.text-dark {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity));
}

.text-black {
	color: rgba(var(--bs-black-rgb), var(--bs-text-opacity));
}

.text-body,
.text-white {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
}

.text-body {
	color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity));
}

.text-muted {
	--bs-text-opacity: 1;
	color: #6c757d;
}

.text-black-50,
.text-white-50 {
	--bs-text-opacity: 1;
	color: rgba(0, 0, 0, .5);
}

.text-white-50 {
	color: rgba(255, 255, 255, .5);
}

.text-reset {
	--bs-text-opacity: 1;
	color: inherit;
}

.text-opacity-25 {
	--bs-text-opacity: 0.25;
}

.text-opacity-50 {
	--bs-text-opacity: 0.5;
}

.text-opacity-75 {
	--bs-text-opacity: 0.75;
}

.text-opacity-100 {
	--bs-text-opacity: 1;
}

.bg-primary {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
}

.bg-secondary,
.bg-success {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
}

.bg-success {
	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity));
}

.bg-info,
.bg-warning {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity));
}

.bg-warning {
	background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity));
}

.bg-danger,
.bg-light {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity));
}

.bg-light {
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
}

.bg-black,
.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity));
}

.bg-black {
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity));
}

.bg-body,
.bg-white {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
}

.bg-body {
	background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

.bg-transparent {
	--bs-bg-opacity: 1;
	background-color: transparent;
}

.bg-opacity-10 {
	--bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
	--bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
	--bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
	--bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
	--bs-bg-opacity: 1;
}

.bg-gradient {
	background-image: var(--bs-gradient);
}

.user-select-all {
	-webkit-user-select: all;
	-moz-user-select: all;
	user-select: all;
}

.user-select-auto {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.user-select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pe-none {
	pointer-events: none;
}

.pe-auto {
	pointer-events: auto;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
}

.sidebar {
	position: fixed;
	height: 99%;
	background: -webkit-gradient(linear, left top, left bottom, from(#c1cdcd), to(#94a8a8));
	background: -o-linear-gradient(#c1cdcd, #94a8a8);
	background: linear-gradient(#c1cdcd, #94a8a8);
	margin: 5px 0 5px 5px;
	-webkit-transition: -webkit-transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: -webkit-transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	-o-transition: transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: transform 500ms cubic-bezier(.175, .885, .32, 1.275), -webkit-transform 500ms cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	z-index: 5;
}

.sidebar._active .switch {
	-webkit-animation: show 1s ease 0s 1 normal forwards;
	animation: show 1s ease 0s 1 normal forwards;
}

._touch .menu__link._active {
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
}

._touch .menu__btn-message {
	width: 55px;
	pointer-events: auto;
}

.menu {
	height: 100%;
}

.menu._active .menu__content {
	width: 250px;
}

.menu__content {
	width: 66px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	-o-transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.menu__content .hr-top {
	margin-bottom: 40px;
}

.menu__content .hr-bottom,
.menu__content .hr-top {
	width: 100%;
	height: 1px;
	border: 0;
	background: rgba(255, 255, 255, .77);
}

.menu__inner {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.menu__button {
	width: 66px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 5px;
}

.menu__btn {
	position: relative;
	width: 55px;
	height: 60px;
	cursor: pointer;
	-webkit-transition: -webkit-transform 500ms cubic-bezier(.25, .25, .75, .75);
	transition: -webkit-transform 500ms cubic-bezier(.25, .25, .75, .75);
	-o-transition: transform 500ms cubic-bezier(.25, .25, .75, .75);
	transition: transform 500ms cubic-bezier(.25, .25, .75, .75);
	transition: transform 500ms cubic-bezier(.25, .25, .75, .75), -webkit-transform 500ms cubic-bezier(.25, .25, .75, .75);
	-webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
	-o-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
	transition-timing-function: cubic-bezier(.25, .25, .75, .75);
}

.menu__btn-line1 {
	position: absolute;
	top: 48%;
	left: 50%;
	height: 4px;
	display: block;
	border-radius: 8px;
	background: #121212;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
}

.menu__btn-line2 {
	-webkit-transform: translate(-50%, -48%);
	-ms-transform: translate(-50%, -48%);
	transform: translate(-50%, -48%);
	width: 40px;
}

.menu__btn-line2,
.menu__btn-line3 {
	position: absolute;
	top: 48%;
	left: 50%;
	height: 4px;
	display: block;
	border-radius: 8px;
	background: #121212;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
}

.menu__btn-line1 {
	width: 20px;
	-webkit-transform: translate(-20px, -20px);
	-ms-transform: translate(-20px, -20px);
	transform: translate(-20px, -20px);
}

.menu__btn-line3 {
	width: 20px;
	-webkit-transform: translate(0, 18px);
	-ms-transform: translate(0, 18px);
	transform: translate(0, 18px);
}

.menu._active .menu__btn-line1 {
	-webkit-transform: translate(-2px, -8px) rotate(-45deg);
	-ms-transform: translate(-2px, -8px) rotate(-45deg);
	transform: translate(-2px, -8px) rotate(-45deg);
}

.menu._active .menu__btn-line2 {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.menu._active .menu__btn-line3 {
	-webkit-transform: translate(-16px, 6px) rotate(-45deg);
	-ms-transform: translate(-16px, 6px) rotate(-45deg);
	transform: translate(-16px, 6px) rotate(-45deg);
}

.menu__btn::after {
	-webkit-box-shadow: 0 -8px 0 #333;
	box-shadow: 0 -8px 0 #333;
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px);
}

.menu._active .menu__btn::before {
	-webkit-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.menu._active .menu__btn::after {
	-webkit-box-shadow: 0 0 0 #333;
	box-shadow: 0 0 0 #333;
	-webkit-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

.menu__logo {
	width: 100%;
	color: #121212;
}

.menu__logo-content {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 5px;
}

.menu__logo-icon {
	width: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.menu__logo-icon i:before {
	font-size: 78px;
	color: #121212;
}

.menu__logo-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	white-space: nowrap;
	padding: 0 15px;
	-webkit-animation: hide 1s ease 0s 1 normal forwards;
	animation: hide 1s ease 0s 1 normal forwards;
	-webkit-transition: visibility, opacity, -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: visibility, opacity, -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: visibility, opacity, transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: visibility, opacity, transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: visibility, opacity, transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
}

.menu._active .menu__logo-text {
	-webkit-animation: show 1s ease 0s 1 normal forwards;
	animation: show 1s ease 0s 1 normal forwards;
}

.menu__logo-name {
	display: inline-block;
	font-family: "Comfortaa", sans-serif;
	font-size: 17px;
	font-weight: 700;
}

.menu__logo-pos {
	display: inline-block;
	font-size: 11px;
}

.menu__nav {
	width: 100%;
}

.menu__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.menu__item {
	position: relative;
	width: 100%;
	height: 60px;
	list-style: none;
	padding: 0 5px;
}

.menu._active .menu__link._active {
	-webkit-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px);
}

.menu__icon,
.menu__link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.menu__link {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: center;
	text-decoration: none;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
}

.menu__link._active .menu__icon {
	color: #f0f8ff;
	background: var(--clr);
}

.menu__link._active {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

.menu__link._active .menu__icon:before,
.menu__message._active .menu__message-content:before {
	opacity: 1;
}

.menu__link._active .menu__icon i:before {
	color: var(--bs-gray-400);
}

.menu__link._active .menu__text {
	color: var(--clr);
}

.menu__icon {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 55px;
	height: 50px;
	font-size: 24px;
	border-radius: 8px;
	color: #333;
	-webkit-transition: color .4s ease 0s;
	-o-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.menu__icon i:before {
	position: relative;
	z-index: 1;
}

.menu__icon::before {
	-webkit-transition: color .4s ease 0s;
	-o-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.menu__text {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
	font-weight: 500;
	white-space: nowrap;
	color: #333;
	padding: 0 15px;
	-webkit-animation: hide 3s ease 0s 1 normal forwards;
	animation: hide 3s ease 0s 1 normal forwards;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
}

.menu._active .menu__text {
	-webkit-animation: show 1s ease 0s 1 normal forwards;
	animation: show 1s ease 0s 1 normal forwards;
}

.menu__message {
	width: 100%;
	padding: 0 5px;
	margin-bottom: 40px;
}

.menu__message._active .menu__message-content {
	background: var(--clr);
}

.menu__message._active .menu__message-content i:before {
	position: relative;
	color: var(--bs-gray-500);
	z-index: 1;
}

.menu__message-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 8px;
	-webkit-transition: background, opacity .4s ease 0s;
	-o-transition: background, opacity .4s ease 0s;
	transition: background, opacity .4s ease 0s;
}

.menu__icon::before,
.menu__message-content:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--clr);
	-webkit-filter: blur(7px);
	filter: blur(7px);
	opacity: 0;
}

.menu__btn-message {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: center;
	pointer-events: none;
}

.menu__btn-icon {
	min-width: 55px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 24px;
}

.menu__btn-icon i:before,
.menu__icon i:before {
	color: #333;
	-webkit-transition: color .4s ease 0s;
	-o-transition: color .4s ease 0s;
	transition: color .4s ease 0s;
}

.menu__btn-text {
	color: #333;
	padding: 0 15px;
	-webkit-animation: hide 3s ease 0s 1 normal forwards;
	animation: hide 3s ease 0s 1 normal forwards;
	-webkit-transition: opacity, -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: opacity, -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: opacity, transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: opacity, transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: opacity, transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
}

.menu._active .menu__btn-text {
	-webkit-animation: show 1s ease 0s 1 normal forwards;
	animation: show 1s ease 0s 1 normal forwards;
	pointer-events: auto;
}

._touch .footer__content {
	height: 100%;
	padding: 5px;
}

.footer {
	position: relative;
	width: calc(100% - 66px);
	background: rgba(0, 0, 0, .55);
	-webkit-transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	-o-transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	transition: width 500ms cubic-bezier(.175, .885, .32, 1.275);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	z-index: 1;
}

.footer__content {
	width: 100%;
	height: 89px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 10px;
}

.footer__content * {
	color: #f4f4f4;
}

.footer__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.footer__logo {
	-ms-flex-item-align: center;
	align-self: center;
	font: 400 1.5rem Cyberpunk;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
}

.footer__copy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: Raleway;
	font-weight: 500;
	letter-spacing: 1.2px;
}

.footer__copy span {
	margin: 0 5px;
}

.footer__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer__item:not(:last-child) {
	margin: 0 15px 0 0;
}

.footer__link {
	font-size: 24px;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.about__inner {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.about__header,
.about__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about__title {
	margin: 0 0 15px;
}

.about__subtitle {
	font-size: 0;
	margin: 0 0 50px;
}

.about__subtitle:before {
	position: relative;
	content: "​";
	display: inline-block;
	font-family: monospace, sans-serif;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	white-space: nowrap;
	text-shadow: 0 0 5px rgba(51, 255, 51, .75);
	border-right: 10px solid rgba(51, 255, 51, .75);
	border-right: calc(.1vw + 1px) solid rgba(51, 255, 51, .75);
	padding-right: 2px;
	padding-right: calc(2px + .1vw);
	-webkit-animation: typedAbout 28.7s linear 1s infinite, beam-blink 1s infinite;
	animation: typedAbout 28.7s linear 1s infinite, beam-blink 1s infinite;
}

.about__btn {
	position: relative;
	width: 250px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font: 500 20px/1 "Jura", monospace, sans-serif;
	border-radius: 8px;
	color: #333;
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	background: var(--bs-gray-500);
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 1;
	overflow: hidden;
}

.about__btn:before {
	font-size: 26px;
	margin: 0 10px 0 0;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
}

.about__btn:after {
	position: absolute;
	content: "\e90e";
	right: 0;
	font-size: 64px;
	color: rgba(0, 0, 0, .11);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: opacity, -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: opacity, -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: opacity, transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: opacity, transform .5s cubic-bezier(.7, .5, 0, 1);
	transition: opacity, transform .5s cubic-bezier(.7, .5, 0, 1), -webkit-transform .5s cubic-bezier(.7, .5, 0, 1);
	visibility: hidden;
	opacity: 0;
}

._touch .technology__inner-content,
._touch .technology__inner-side {
	position: static;
}

._touch ._bottom,
._touch ._left,
._touch ._right,
._touch ._top {
	display: none;
}

.technology__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 50px;
}

.technology__subtitle {
	font: 500 1.2rem Jura, sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.technology__subtitle_right {
	margin: 0 0 50px;
}

.technology__body {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: monospace;
	font-weight: 600;
}

.technology__left {
	width: 50%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 20px;
}

.technology__item:not(:last-child) {
	margin: 0 0 5px;
}

.technology__right {
	width: calc(50% - 120px);
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.technology__list:not(:last-child) {
	margin: 0 0 25px;
}

.technology__note {
	display: inline-block;
}

.technology__inner-wrapper {
	position: relative;
	width: 100%;
	height: 424px;
	padding-top: 0;
}

.technology__inner-content {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.technology__inner-content ._top {
	top: 188px;
	width: 100%;
	height: 50px;
	-webkit-transform: rotateX(90deg) translateZ(212px);
	transform: rotateX(90deg) translateZ(212px);
}

.technology__inner-content ._bottom {
	bottom: 188px;
	width: 100%;
	height: 50px;
	-webkit-transform: rotateX(-90deg) translateZ(212px);
	transform: rotateX(-90deg) translateZ(212px);
}

.technology__inner-content ._left {
	left: 238px;
	width: 50px;
	height: 100%;
	-webkit-transform: rotateY(-90deg) translateZ(262.5px);
	transform: rotateY(-90deg) translateZ(262.5px);
}

.technology__inner-content ._right {
	right: 238px;
	width: 50px;
	height: 100%;
	-webkit-transform: rotateY(90deg) translateZ(262.5px);
	transform: rotateY(90deg) translateZ(262.5px);
}

.technology__inner-content ._front {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	width: 100%;
	-webkit-transform: rotateY(0) translateZ(25px);
	transform: rotateY(0) translateZ(25px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.technology__inner-content,
.technology__inner-side {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+1) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "98%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-1 2s ease-out;
	animation: go-1 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+1) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "HTML5";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+2) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(171deg);
	-ms-transform: rotate(171deg);
	transform: rotate(171deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "95%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-2 2s ease-out;
	animation: go-2 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+2) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "CSS3";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+3) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "50%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-3 2s ease-out;
	animation: go-3 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+3) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "JS";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+4) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "75%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-4 2s ease-out;
	animation: go-4 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+4) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "GULP";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+5) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "75%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-5 2s ease-out;
	animation: go-5 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+5) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "PUG";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+6) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "75%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-6 2s ease-out;
	animation: go-6 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+6) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "SCSS";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+7) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "50%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-7 2s ease-out;
	animation: go-7 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+7) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "jQuery";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .circle .mask:before,
.technology.swiper-slide-active .skill-progress:nth-child(n+8) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(117deg);
	-ms-transform: rotate(117deg);
	transform: rotate(117deg);
}

.skill-progress.go:nth-child(n+1):nth-child(1) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(2) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(4) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(5) .inset,
.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 39px 15px rgba(199, 64, 145, .7) inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .inset .numbers {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	content: "65%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-8 2s ease-out;
	animation: go-8 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.technology.swiper-slide-active .skill-progress:nth-child(n+8) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	margin-inline: auto;
	content: "WEBPACK";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.technology .scroll-down .chevrons_two {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -68px;
}

.skill-progress {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 107px;
	height: 107px;
	border-radius: 50%;
	border: 1px solid #f4f4f4;
	-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 0 51px rgba(0, 0, 0, .2) inset;
	box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 0 51px rgba(0, 0, 0, .2) inset;
	background-color: rgba(141, 166, 179, .4);
	margin-inline: auto;
	margin-block: auto;
	-webkit-transform: perspective(500px);
	transform: perspective(500px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.skill-progress .circle,
.skill-progress .inset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4) inset;
	box-shadow: 0 0 5px rgba(0, 0, 0, .4) inset;
}

.skill-progress .circle .mask,
.skill-progress .circle .mask:before {
	width: 100px;
	height: 100px;
	position: absolute;
	border-radius: 50%;
	transition: -webkit-transform 2s;
	transition: -ms-transform 2s;
	-webkit-transition: -webkit-transform 2s;
	-o-transition: transform 2s;
	transition: transform 2s;
	transition: transform 2s, -webkit-transform 2s;
	-webkit-backface-visibility: hidden;
	clip: rect(0, 107px, 107px, 49.7674418605px);
}

.skill-progress .circle .mask:before {
	display: block;
	content: "";
	clip: rect(0, 49.7674418605px, 107px, 0);
	--neon-border-color: #08f;
	-webkit-box-shadow: 0 0 5px #000 inset, inset 0 0 5px rgba(255, 255, 255, .8), inset 0 0 8px rgba(255, 255, 255, .8), inset 0 0 30px var(--neon-border-color), inset 0 0 30px var(--neon-border-color), inset 0 0 60px var(--neon-border-color), inset 0 0 60px var(--neon-border-color);
	box-shadow: 0 0 5px #000 inset, inset 0 0 5px rgba(255, 255, 255, .8), inset 0 0 8px rgba(255, 255, 255, .8), inset 0 0 30px var(--neon-border-color), inset 0 0 30px var(--neon-border-color), inset 0 0 60px var(--neon-border-color), inset 0 0 60px var(--neon-border-color);
}

.skill-progress .circle:before {
	content: "";
	display: block;
	width: 107px;
	height: 107px;
	position: absolute;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, .3) inset;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, .3) inset;
	background: #faebd7;
}

.skill-progress .inset {
	width: 75px;
	height: 75px;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #f4f4f4;
	color: var(--text-color);
	--colorChange: #f4f4f4;
	background-color: #3f3f3f;
	background-image: -o-radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), -o-linear-gradient(top, var(--colorChange), var(--colorChange) 2px, #111 3px);
	background-image: radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), linear-gradient(to bottom, var(--colorChange), var(--colorChange) 2px, #111 3px);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: cover, 100% 3px;
	-webkit-box-shadow: 6px 6px 10px rgba(0, 0, 0, .4), 6px 6px 10px rgba(0, 0, 0, .4);
	box-shadow: 6px 6px 10px rgba(0, 0, 0, .4), 6px 6px 10px rgba(0, 0, 0, .4);
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	-webkit-transform: translateZ(0) scale(.8);
	transform: translateZ(0) scale(.8);
}

.skill-progress .inset:before {
	content: "";
	overflow: hidden;
	-webkit-transition: width 2s 3s;
	-o-transition: width 2s 3s;
	transition: width 2s 3s;
}

.skill-progress .inset .numbers {
	-webkit-transition: width 2s;
	-o-transition: width 2s;
	transition: width 2s;
}

.skill-progress.go:nth-child(n+1) .circle .mask:before,
.skill-progress.go:nth-child(n+1) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}

.skill-progress.go:nth-child(n+1):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(4) .inset,
.skill-progress.go:nth-child(n+1):nth-child(5) .inset,
.skill-progress.go:nth-child(n+1):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+1):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+1) .inset .numbers,
.skill-progress.go:nth-child(n+1) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+1) .inset .numbers:before {
	content: "98%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-1 2s ease-out;
	animation: go-1 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+1) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "HTML5";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+2) .circle .mask:before,
.skill-progress.go:nth-child(n+2) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(171deg);
	-ms-transform: rotate(171deg);
	transform: rotate(171deg);
}

.skill-progress.go:nth-child(n+2):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(4) .inset,
.skill-progress.go:nth-child(n+2):nth-child(5) .inset,
.skill-progress.go:nth-child(n+2):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+2):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+2) .inset .numbers,
.skill-progress.go:nth-child(n+2) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+2) .inset .numbers:before {
	content: "98%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-2 2s ease-out;
	animation: go-2 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+2) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "CSS3";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+3) .circle .mask:before,
.skill-progress.go:nth-child(n+3) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.skill-progress.go:nth-child(n+3):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(4) .inset,
.skill-progress.go:nth-child(n+3):nth-child(5) .inset,
.skill-progress.go:nth-child(n+3):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+3):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+3) .inset .numbers,
.skill-progress.go:nth-child(n+3) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+3) .inset .numbers:before {
	content: "50%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-3 2s ease-out;
	animation: go-3 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+3) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "JS";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+4) .circle .mask:before,
.skill-progress.go:nth-child(n+4) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.skill-progress.go:nth-child(n+4):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(4) .inset,
.skill-progress.go:nth-child(n+4):nth-child(5) .inset,
.skill-progress.go:nth-child(n+4):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+4):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+4) .inset .numbers,
.skill-progress.go:nth-child(n+4) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+4) .inset .numbers:before {
	content: "85%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-4 2s ease-out;
	animation: go-4 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+4) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "GULP";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+5) .circle .mask:before,
.skill-progress.go:nth-child(n+5) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.skill-progress.go:nth-child(n+5):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(4) .inset,
.skill-progress.go:nth-child(n+5):nth-child(5) .inset,
.skill-progress.go:nth-child(n+5):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+5):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+5) .inset .numbers,
.skill-progress.go:nth-child(n+5) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+5) .inset .numbers:before {
	content: "95%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-5 2s ease-out;
	animation: go-5 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+5) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "PUG";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+6) .circle .mask:before,
.skill-progress.go:nth-child(n+6) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.skill-progress.go:nth-child(n+6):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(4) .inset,
.skill-progress.go:nth-child(n+6):nth-child(5) .inset,
.skill-progress.go:nth-child(n+6):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+6):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+6) .inset .numbers,
.skill-progress.go:nth-child(n+6) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+6) .inset .numbers:before {
	content: "95%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-6 2s ease-out;
	animation: go-6 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+6) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "SCSS";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+7) .circle .mask:before,
.skill-progress.go:nth-child(n+7) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.skill-progress.go:nth-child(n+7):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(4) .inset,
.skill-progress.go:nth-child(n+7):nth-child(5) .inset,
.skill-progress.go:nth-child(n+7):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+7):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+7) .inset .numbers,
.skill-progress.go:nth-child(n+7) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+7) .inset .numbers:before {
	content: "50%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-7 2s ease-out;
	animation: go-7 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+7) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "jQuery";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.skill-progress.go:nth-child(n+8) .circle .mask:before,
.skill-progress.go:nth-child(n+8) .circle .mask:nth-child(2) {
	-webkit-transform: rotate(117deg);
	-ms-transform: rotate(117deg);
	transform: rotate(117deg);
}

.skill-progress.go:nth-child(n+8):nth-child(1) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #15f800 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(2) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #54ad00 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(3) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(4) .inset,
.skill-progress.go:nth-child(n+8):nth-child(5) .inset,
.skill-progress.go:nth-child(n+8):nth-child(6) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #af0 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(7) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 40px 15px #c74091 inset;
}

.skill-progress.go:nth-child(n+8):nth-child(8) .inset {
	-webkit-box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
	box-shadow: -2px -4px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4) inset, 6px 6px 10px rgba(0, 0, 0, .4), 0 0 37px 15px #f88503 inset;
}

.skill-progress.go:nth-child(n+8) .inset .numbers,
.skill-progress.go:nth-child(n+8) .inset .numbers:before {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skill-progress.go:nth-child(n+8) .inset .numbers:before {
	content: "85%";
	font-size: 22px;
	color: #455fae;
	-webkit-animation: go-8 2s ease-out;
	animation: go-8 2s ease-out;
	background: #f4f4f4;
	border-top: 1.5px solid rgba(0, 0, 0, .4);
	border-bottom: 1.5px solid rgba(0, 0, 0, .4);
	padding: 1px 0;
}

.skill-progress.go:nth-child(n+8) .inset .numbers:after {
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	width: 100%;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	content: "WEBPACK";
	color: #1a2a46;
	z-index: 1;
	--neon-border-color: #08f;
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 70px #fcee09, 0 0 85px #f44336, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 12px #0fa, 0 0 15px #0fa;
}

.portfolio__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 50px;
}

.portfolio__body {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.portfolio__scroll {
	width: 100%;
	max-height: 400px;
	height: 100%;
	margin: 0 0 25px;
}

.portfolio__scroll .mCustomScrollBox {
	width: 100%;
}

.portfolio__scroll .mCustomScrollBox .mCSB_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 10px 0;
	margin-right: 48px !important;
}

.portfolio__scroll .mCSB_scrollTools {
	right: 35px;
}

.portfolio__items {
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	row-gap: 20px;
	padding: 0 0 5px;
}

.portfolio__item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 min(100% - 1rem, 250px);
	flex: 1 1 min(100% - 1rem, 250px);
}

.portfolio__btn {
	position: relative;
	width: 250px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border-radius: 8px;
	color: #333;
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	background: var(--bs-gray-500);
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 1;
	font: 500 20px/1 "Jura", monospace, sans-serif;
}

.portfolio__bottom {
	width: 100%;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.portfolio .chevrons_two {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -68px;
}

.item__picture {
	position: relative;
	height: 250px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	margin-bottom: 20px;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 5;
}

.item__title {
	position: relative;
	font-family: Jura, monospace, sans-serif;
	font-weight: 700;
}

.item__title:before {
	position: absolute;
	content: "";
	bottom: -3px;
	width: 100%;
	height: 1px;
	background: #3f3f3f;
	z-index: 0;
	-webkit-transition: width .4s ease 0s;
	-o-transition: width .4s ease 0s;
	transition: width .4s ease 0s;
}

:root {
	--yellow-color: #fcee09;
	--red-color: #ff003c;
	--black-color: #050a0e;
	--blue-color: #00f0ff;
	--white-color: #fafafa;
	--glitched-duration: 0.9s;
}

.contact__header {
	width: 100%;
	display: grid;
	place-content: center;
	margin-bottom: 50px;
}

.contact__title {
	margin: 0 0 15px;
}

.contact__subtitle {
	width: 100px;
	font: 500 calc(16px + 8 * (100vw - 320px) / 1600)/1 "VT323", monospace, sans-serif;
	letter-spacing: 1px;
}

.contact__subtitle:before {
	position: relative;
	content: "​";
	display: inline-block;
	white-space: nowrap;
	text-shadow: 0 0 5px rgba(51, 255, 51, .75);
	border-right: 10px solid rgba(51, 255, 51, .75);
	border-right: calc(.1vw + 1px) solid rgba(51, 255, 51, .75);
	padding-right: 2px;
	padding-right: calc(2px + .1vw);
	-webkit-animation: typed 9.7s linear 1s infinite, beam-blink 1s infinite;
	animation: typed 9.7s linear 1s infinite, beam-blink 1s infinite;
}

.contact__body {
	max-width: 750px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-inline: auto;
}

.contact__left {
	--aug-border-all: 2px;
	position: relative;
	max-width: 300px;
	width: 100%;
	height: 450px;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
	background: #3f3f3f;
	-webkit-animation: closeLeft 1.5s normal forwards;
	animation: closeLeft 1.5s normal forwards;
}

.contact__left-body {
	position: relative;
	height: 100%;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #242424), to(#303030));
	background-image: -o-linear-gradient(bottom, #242424 0, #303030 100%);
	background-image: linear-gradient(to top, #242424 0, #303030 100%);
	padding: 8px 0;
	-webkit-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.contact__left-body:before {
	position: absolute;
	content: "";
	top: 0;
	right: 100px;
	width: 50px;
	height: 500px;
	background: -o-linear-gradient(40deg, #2196f3, #b145e9);
	background: linear-gradient(50deg, #2196f3, #b145e9);
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transform: translate(-300px, -5%);
	-ms-transform: translate(-300px, -5%);
	transform: translate(-300px, -5%);
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.contact__items,
.contact__left-inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.contact__left-inner {
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #242424), to(#303030));
	background-image: -o-linear-gradient(bottom, #242424 0, #303030 100%);
	background-image: linear-gradient(to top, #242424 0, #303030 100%);
}

.contact__items {
	width: 100%;
}

.contact__item {
	--aug-border-all: 2px;
	position: relative;
	right: -100%;
	width: calc(100% - 15px);
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 0 17px;
	-webkit-transition: all .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: all .5s cubic-bezier(.7, .5, 0, 1);
	transition: all .5s cubic-bezier(.7, .5, 0, 1);
}

.contact__item:not(:last-child) {
	margin: 0 0 10px;
	z-index: 0;
}

.contact__item:nth-child(1) {
	width: 100%;
	height: 100%;
	right: unset;
	pointer-events: none;
}

.contact__item_overflow {
	position: relative;
	right: -100%;
	width: calc(100% - 15px);
	height: 64px;
	margin: 0 0 10px;
	-webkit-transition: all .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: all .5s cubic-bezier(.7, .5, 0, 1);
	transition: all .5s cubic-bezier(.7, .5, 0, 1);
	z-index: 1;
}

.contact__item-link {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #f4f4f4;
}

.contact__item-link span {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font: 400 1.1rem "Cyber", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
}

.contact__item-link span:before {
	position: absolute;
	content: "_";
	right: -8px;
	-webkit-animation-name: hxafter;
	animation-name: hxafter;
	-webkit-animation-duration: var(--glitched-duration);
	animation-duration: var(--glitched-duration);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.contact__item-link span:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #3f3f3f;
}

.contact__item-link:before {
	font-size: 28px;
	color: var(--blue-color);
}

.contact__item-link:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: all;
}

.contact__img {
	width: 150px;
	height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font: 400 1.5rem Cyberpunk;
	text-transform: capitalize;
	color: hsl(0deg, 0%, 100%);
}

.contact__img img {
	display: block;
	max-width: 100%;
	width: 100%;
}

.contact__img i:before {
	font-size: 40px;
}

.contact__right {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: closeRight 1.5s normal forwards;
	animation: closeRight 1.5s normal forwards;
}

.contact__right-body {
	position: relative;
	max-width: 400px;
	width: 100%;
	height: 550px;
	display: grid;
	place-items: center;
	border-radius: 10px;
	overflow: hidden;
	background: #171614;
	padding: 6px;
}

.contact__right-body:before {
	position: absolute;
	content: "";
	top: 0;
	right: 100px;
	width: 850px;
	height: 60px;
	background: -o-linear-gradient(40deg, #2196f3, #b145e9);
	background: linear-gradient(50deg, #2196f3, #b145e9);
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transform: rotate(-45deg) translate(0, -110px);
	-ms-transform: rotate(-45deg) translate(0, -110px);
	transform: rotate(-45deg) translate(0, -110px);
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

section.contact .scroll-down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

section.contact .form {
	position: relative;
	max-width: 100%;
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	border-radius: 8px;
	overflow: hidden;
	background: #171614;
	padding: 5px;
	z-index: 1;
}

section.contact .form__item {
	height: 40px;
	margin: 0;
}

section.contact .form__hr {
	position: relative;
	width: 100%;
	height: 10px;
}

section.contact .form__hr,
section.contact .form__hr:before {
	background-color: var(--yellow-color);
	-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
}

section.contact .form__item_textarea {
	height: 80px;
}

section.contact .form__item_textarea .form__label.form__label_four {
	top: 5px;
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
}

section.contact .form__input {
	width: 100%;
	height: 100%;
	font: 500 1rem monospace, sans-serif;
	border-radius: 4px;
	padding: 5px 10px;
}

section.contact .form__input.is-valid {
	border-color: #198754;
	padding-right: calc(1.5em + .75rem);
	background-image: url(data:image/svg+xml;base64,DQoNCg0KDQoNCjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgOCA4Jz4NCiAgICA8cGF0aCBmaWxsPScjMTk4NzU0JyBkPSdNMi4zIDYuNzMuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4NCg==);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__input.is-valid:focus {
	border-color: #198754;
	-webkit-box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
	box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}

section.contact .form__input.is-invalid {
	border-color: #dc3545;
	padding-right: calc(1.5em + .75rem);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSdub25lJyBzdHJva2U9JyNkYzM1NDUnPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__input.is-invalid:focus {
	border-color: #dc3545;
	-webkit-box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
	box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}

section.contact .form__input_email:focus + .form__label,
section.contact .form__input_email:valid + .form__label,
section.contact .form__input_name:focus + .form__label,
section.contact .form__input_name:valid + .form__label,
section.contact .form__input_tel:focus + .form__label,
section.contact .form__input_tel:valid + .form__label {
	font-size: 12px;
	color: #f4f4f4;
	-webkit-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
}

section.contact .form__input_name:focus + .form__label:before,
section.contact .form__input_name:valid + .form__label:before {
	content: "Имя";
	-webkit-animation: both;
	animation: both;
}

section.contact .form__input_email:focus + .form__label:before,
section.contact .form__input_email:valid + .form__label:before {
	content: "Email";
	-webkit-animation: both;
	animation: both;
}

section.contact .form__input_tel:focus + .form__label:before,
section.contact .form__input_tel:valid + .form__label:before {
	content: "Телефон";
	-webkit-animation: both;
	animation: both;
}

section.contact .form__textarea_message:focus + .form__label,
section.contact .form__textarea_message:valid + .form__label {
	font-size: 12px;
	color: #f4f4f4;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}

section.contact .form__textarea_message:focus + .form__label:before,
section.contact .form__textarea_message:valid + .form__label:before {
	content: "Сообщение";
	-webkit-animation: both;
	animation: both;
}

section.contact .form__textarea {
	width: 100%;
	height: 100%;
	font: 500 1rem monospace, sans-serif;
	border-radius: 4px;
	resize: none;
	padding: 5px 10px;
}

section.contact .form__textarea.is-valid {
	border-color: #198754;
	padding-right: calc(1.5em + .75rem);
	background-image: url(data:image/svg+xml;base64,DQoNCg0KDQoNCjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgOCA4Jz4NCiAgICA8cGF0aCBmaWxsPScjMTk4NzU0JyBkPSdNMi4zIDYuNzMuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4NCg==);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__textarea.is-valid:focus {
	border-color: #198754;
	-webkit-box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
	box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}

section.contact .form__textarea.is-invalid {
	border-color: #dc3545;
	padding-right: calc(1.5em + .75rem);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJyBmaWxsPSdub25lJyBzdHJva2U9JyNkYzM1NDUnPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

section.contact .form__textarea.is-invalid:focus {
	border-color: #dc3545;
	-webkit-box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
	box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}

section.contact .form__label {
	content: "​";
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	font: 500 1rem monospace, sans-serif;
	text-shadow: 0 0 5px rgba(51, 255, 51, .75);
	white-space: nowrap;
	color: #3f3f3f;
}

section.contact .form__label_four:before,
section.contact .form__label_one:before,
section.contact .form__label_three:before,
section.contact .form__label_two:before {
	border-right: 10px solid rgba(51, 255, 51, .75);
	border-right: calc(.1vw + 1px) solid rgba(51, 255, 51, .75);
	padding-right: 3px;
	padding-right: calc(3px + .1vw);
}

section.contact .form__label_one:before {
	content: "​";
	-webkit-animation: typed1 9.7s linear 1s infinite, beam-blink 1s infinite;
	animation: typed1 9.7s linear 1s infinite, beam-blink 1s infinite;
}

section.contact .form__label_two:before {
	content: "​";
	-webkit-animation: typed2 9.7s linear 1s infinite, beam-blink 1s infinite;
	animation: typed2 9.7s linear 1s infinite, beam-blink 1s infinite;
}

section.contact .form__label_three:before {
	content: "​";
	-webkit-animation: typed3 9.7s linear 1s infinite, beam-blink 1s infinite;
	animation: typed3 9.7s linear 1s infinite, beam-blink 1s infinite;
}

section.contact .form__label_four:before {
	content: "​";
	-webkit-animation: typed4 9.7s linear 1s infinite, beam-blink 1s infinite;
	animation: typed4 9.7s linear 1s infinite, beam-blink 1s infinite;
}

section.contact .form__buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section.contact .form__button {
	position: relative;
	width: 48%;
	height: 45px;
	font: 700 18px/75px "Jura", sans-serif;
	border: 0;
	text-transform: uppercase;
	color: var(--black-color);
	background-color: var(--black-color);
	-webkit-clip-path: polygon(92% 0, 100% 25%, 100% 100%, 8% 100%, 0 75%, 0 0);
	clip-path: polygon(92% 0, 100% 25%, 100% 100%, 8% 100%, 0 75%, 0 0);
}

section.contact .form__button-text:before,
section.contact .form__button:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.contact .form__button-text {
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--yellow-color);
	-webkit-clip-path: polygon(92% 0, 100% 25%, 100% 100%, 8% 100%, 0 75%, 0 0);
	clip-path: polygon(92% 0, 100% 25%, 100% 100%, 8% 100%, 0 75%, 0 0);
}

section.contact .form__button-text:before {
	color: var(--white-color);
}

.cyberpunk:before,
section.contact .form__button-glitch {
	content: "";
	position: absolute;
	width: 100%;
	background-color: var(--yellow-color);
}

section.contact .form__button-glitch {
	display: none;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-filter: drop-shadow(-2px 3px #67e3f3);
	filter: drop-shadow(-2px 3px #67e3f3);
}

section.contact .form__button-glitch:before {
	position: absolute;
	content: "";
	top: 5px;
	left: 5px;
	width: 100%;
	height: 30%;
	background-color: var(--red-color);
	-webkit-filter: drop-shadow(-2px 3px #67e3f3);
	filter: drop-shadow(-2px 3px #67e3f3);
}

section.contact .form__button-tag {
	position: absolute;
	bottom: -1px;
	right: 8%;
	font-size: 9px;
	line-height: 1;
	letter-spacing: 1px;
	border-left: 3px solid var(--blue-color);
	color: hsl(0deg, 0%, 100%);
	background-color: #171614;
	padding: 0 5px;
	z-index: 3;
}

section.contact .form__button_reset {
	margin: 0 15px 0 0;
}

.cyberpunk:before {
	display: block;
	bottom: 0;
	left: 2px;
	height: 10px;
	-webkit-clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
	clip-path: polygon(0 0, 85px 0, 90px 5px, 100% 5px, 100% 6px, 85px 6px, 80px 10px, 0 10px);
}

.cyberpunk.glitched,
.cyberpunk.glitched:before {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.cyberpunk.glitched {
	width: 100%;
	display: block;
	-webkit-animation-name: h1glitched;
	animation-name: h1glitched;
	-webkit-animation-duration: calc(var(--glitched-duration) * 1.4);
	animation-duration: calc(var(--glitched-duration) * 1.4);
}

.cyberpunk.glitched:before {
	-webkit-animation-name: h1beforeglitched;
	animation-name: h1beforeglitched;
	-webkit-animation-duration: calc(var(--glitched-duration) * 2);
	animation-duration: calc(var(--glitched-duration) * 2);
}

[data-augmented-ui~=bl-clip] {
	--aug-bl: 10px;
	--aug-b: 10px;
}

[data-augmented-ui~=tr-rect-x] {
	--aug-tr: 15px;
	--aug-b: 15px;
}

.contact__item[data-augmented-ui~=tl-2-clip-x] {
	--aug-tl: 8px;
}

.contact__left[data-augmented-ui~=b-rect-x] {
	--aug-bl: 25px;
}

.classes,
.modal {
	position: relative;
}

.classes {
	z-index: 50;
}

.modal {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: min(100% - .625rem, 800px);
	border: 0;
	border-radius: 18px;
	overflow: initial;
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2), 0 7px 20px 0 rgba(0, 0, 0, .17);
	background: #121212;
	-webkit-animation-name: modalopen;
	animation-name: modalopen;
	-webkit-animation-duration: var(--modal-duration);
	animation-duration: var(--modal-duration);
}

.modal * {
	color: #f4f4f4;
}

.modal::-webkit-backdrop {
	background: rgba(0, 0, 0, .5);
}

.modal::backdrop {
	background: rgba(0, 0, 0, .5);
}

.modal::-webkit-scrollbar {
	display: none;
}

@supports (padding-top:clamp(.3125rem,.2104591837rem + .5102040816vw,.625rem)) {
	.modal__content {
		padding-top: clamp(.3125rem, .2104591837rem + .5102040816vw, .625rem);
	}
}

@supports not (padding-top:clamp(.3125rem,.2104591837rem + .5102040816vw,.625rem)) {
	.modal__content {
		padding-top: calc(.3125rem + .3125 * (100vw - 20rem) / 61.25);
	}
}

@supports (padding-right:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
	.modal__content {
		padding-right: clamp(.3125rem, .006377551rem + 1.5306122449vw, 1.25rem);
	}
}

@supports not (padding-right:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
	.modal__content {
		padding-right: calc(.3125rem + .9375 * (100vw - 20rem) / 61.25);
	}
}

@supports (padding-bottom:clamp(.9375rem,.2232142857rem + 3.5714285714vw,3.125rem)) {
	.modal__content {
		padding-bottom: clamp(.9375rem, .2232142857rem + 3.5714285714vw, 3.125rem);
	}
}

@supports not (padding-bottom:clamp(.9375rem,.2232142857rem + 3.5714285714vw,3.125rem)) {
	.modal__content {
		padding-bottom: calc(.9375rem + 2.1875 * (100vw - 20rem) / 61.25);
	}
}

@supports (padding-left:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
	.modal__content {
		padding-left: clamp(.3125rem, .006377551rem + 1.5306122449vw, 1.25rem);
	}
}

@supports not (padding-left:clamp(.3125rem,.006377551rem + 1.5306122449vw,1.25rem)) {
	.modal__content {
		padding-left: calc(.3125rem + .9375 * (100vw - 20rem) / 61.25);
	}
}

.modal__close {
	position: absolute;
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 2px solid transparent;
	border-radius: 10%;
	cursor: pointer;
	background: 0 0;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 5;
}

@supports (top:clamp(.625rem,.6045918367rem + .1020408163vw,.6875rem)) {
	.modal__close {
		top: clamp(.625rem, .6045918367rem + .1020408163vw, .6875rem);
	}
}

@supports not (top:clamp(.625rem,.6045918367rem + .1020408163vw,.6875rem)) {
	.modal__close {
		top: calc(.625rem + .0625 * (100vw - 20rem) / 61.25);
	}
}

@supports (right:clamp(.3125rem,.1492346939rem + .8163265306vw,.8125rem)) {
	.modal__close {
		right: clamp(.3125rem, .1492346939rem + .8163265306vw, .8125rem);
	}
}

@supports not (right:clamp(.3125rem,.1492346939rem + .8163265306vw,.8125rem)) {
	.modal__close {
		right: calc(.3125rem + .5 * (100vw - 20rem) / 61.25);
	}
}

.modal__close svg {
	width: 15px;
	height: 15px;
	stroke: #f4f4f4;
	fill: #f4f4f4;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.modal__top {
	position: relative;
	top: -30px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 18px;
	margin-inline: auto;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.modal__line {
	position: absolute;
	inset: 0;
	background: #121212;
}

.modal__line:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 800px;
	height: 100px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(var(--bs-pink)), color-stop(var(--bs-pink)), color-stop(var(--bs-pink)), to(transparent));
	background: -o-linear-gradient(transparent, var(--bs-pink), var(--bs-pink), var(--bs-pink), transparent);
	background: linear-gradient(transparent, var(--bs-pink), var(--bs-pink), var(--bs-pink), transparent);
	-webkit-filter: blur(7px);
	filter: blur(7px);
	-webkit-animation: rotation 4s linear infinite;
	animation: rotation 4s linear infinite;
}

._no-webp .modal__line:after {
	background: -o-radial-gradient(transparent, #121212), url(../images/bgModal.jpg) no-repeat center/100%;
}

._no-webp .modal__line:after {
	background: radial-gradient(transparent, #121212), url(../images/bgModal.jpg) no-repeat center/100%;
}

.modal__line:after {
	position: absolute;
	content: "";
	inset: 3px;
	border-radius: 18px;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.modal__body {
	position: relative;
	z-index: 1;
}

.modal__body,
.modal__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@supports (margin-bottom:clamp(1.5625rem,1.4604591837rem + .5102040816vw,1.875rem)) {
	.modal__header {
		margin-bottom: clamp(1.5625rem, 1.4604591837rem + .5102040816vw, 1.875rem);
	}
}

@supports not (margin-bottom:clamp(1.5625rem,1.4604591837rem + .5102040816vw,1.875rem)) {
	.modal__header {
		margin-bottom: calc(1.5625rem + .3125 * (100vw - 20rem) / 61.25);
	}
}

.modal__title {
	font-family: Comfortaa, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
}

@supports (margin-bottom:clamp(.625rem,.5229591837rem + .5102040816vw,.9375rem)) {
	.modal__title {
		margin-bottom: clamp(.625rem, .5229591837rem + .5102040816vw, .9375rem);
	}
}

@supports not (margin-bottom:clamp(.625rem,.5229591837rem + .5102040816vw,.9375rem)) {
	.modal__title {
		margin-bottom: calc(.625rem + .3125 * (100vw - 20rem) / 61.25);
	}
}

.modal__inner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal__left {
	position: relative;
	width: 48%;
}

.modal__left:before {
	position: absolute;
	content: "";
	top: 0;
	right: -4%;
	width: 1px;
	height: 100%;
	border: 1px solid transparent;
	-o-border-image: -o-linear-gradient(top, #121212, #eee, #121212) 1;
	border-image: -webkit-gradient(linear, left top, left bottom, from(#121212), color-stop(#eee), to(#121212)) 1;
	border-image: linear-gradient(180deg, #121212, #eee, #121212) 1;
}

.modal__right {
	width: 48%;
}

.modal__items {
	display: grid;
	place-items: center;
}

.modal__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal__item a {
	font: 500 20px Raleway;
	letter-spacing: 1.5px;
}

.modal__item i:before {
	font-size: 24px;
}

.modal__item:not(:last-child) {
	margin: 0 0 calc(10px + 5 * (100vw - 320px) / 300);
}

.modal__icon {
	margin: 0 10px 0 0;
}

.form,
.form__item {
	position: relative;
	width: 100%;
}

.form input,
.form textarea {
	outline: 0;
	border: 0;
}

.form__item {
	height: 30px;
	margin: 0 0 30px;
}

.form__item_lust {
	margin: 0 0 calc(30px + 30 * (100vw - 320px) / 300);
}

.form__label,
.form__line {
	position: absolute;
	display: block;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	pointer-events: none;
}

.form__label {
	top: -5px;
	left: 0;
	font-family: Jura;
	font-size: 18px;
	line-height: 40px;
	z-index: 1;
}

.form__line {
	bottom: 0;
	width: 100%;
	height: .5px;
	border-radius: 2px;
	background: var(--bs-danger);
}

.form__text {
	resize: none;
	overflow: hidden;
}

.form__email,
.form__name,
.form__phone,
.form__text {
	position: absolute;
	width: 100%;
	height: 100%;
	letter-spacing: 1.5px;
	color: #f4f4f4;
	background: 0 0;
	padding: 5px;
	z-index: 1;
}

.form__email:focus + .form__label,
.form__email:valid + .form__label,
.form__name:focus + .form__label,
.form__name:valid + .form__label,
.form__phone:focus + .form__label,
.form__phone:valid + .form__label,
.form__text:focus + .form__label,
.form__text:valid + .form__label {
	font-size: 12px;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

.form__email:focus ~ .form__line,
.form__email:valid ~ .form__line,
.form__name:focus ~ .form__line,
.form__name:valid ~ .form__line,
.form__phone:focus ~ .form__line,
.form__phone:valid ~ .form__line,
.form__text:focus ~ .form__line,
.form__text:valid ~ .form__line {
	height: 100%;
}

.form__buttons {
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.form__buttons:before {
	position: absolute;
	content: "";
	top: -4px;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: 1px;
	height: 33px;
	background: #1a1e21;
	z-index: 1;
}

.form__btn {
	position: relative;
	font: 700 14px/1 "Jura", sans-serif;
	letter-spacing: 1.2px;
	border: 1px solid #b18597;
	color: #f4f4f4;
	background: #541614;
}

.form__btn:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	height: 99%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-shadow: 0 2px 3px #969696;
	color: #8e8e8e;
	background: #ce352e;
	padding: 2px 0;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.form__btn:hover:before {
	background: #d54741;
}

.form__btn:active:before {
	text-shadow: 0 -2px 0 #ce352e, 0 1px 1px #e3847f, 0 0 4px #f4f4f4;
	color: #fae8e8;
	-webkit-transform: translateY(-3.3333333333px);
	-ms-transform: translateY(-3.3333333333px);
	transform: translateY(-3.3333333333px);
}

.form__btn_clean {
	width: 120px;
	height: 30px;
	border-right: none;
	border-radius: 10px 0 0 10px;
}

.form__btn_clean:before {
	content: "сброс";
	border-radius: 10px 0 0 10px;
}

.form__btn_send {
	width: 120px;
	height: 30px;
	border-left: none;
	border-radius: 0 10px 10px 0;
}

.form__btn_send:before {
	content: "отправить";
	border-radius: 0 10px 10px 0;
}

:root {
	--index: calc(1vw + 1vh);
	--color-scheme: light dark;
	--background-color: #fbfbfb;
	--text-color: #000;
	--colorChange: #f4f4f4;
	--modal-duration: 1s;
	--modal-color: #428bca;
	--vh: 1vh;
}

.title {
	position: relative;
	font-family: PoiretOne, sans-serif;
	font-weight: 600;
}

@supports (font-size:clamp(1.5rem,1.1326530612rem + 1.8367346939vw,2.625rem)) {
	.title {
		font-size: clamp(1.5rem, 1.1326530612rem + 1.8367346939vw, 2.625rem);
	}
}

@supports not (font-size:clamp(1.5rem,1.1326530612rem + 1.8367346939vw,2.625rem)) {
	.title {
		font-size: calc(1.5rem + 1.125 * (100vw - 20rem) / 61.25);
	}
}

.title:after {
	content: attr(data-text);
	overflow: hidden;
	clip: rect(0, 9999px, 0, 0);
	animation: noise-anim 2s infinite linear alternate-reverse;
}

.img img,
.title:after,
.title:before {
	position: absolute;
	top: 0;
	left: 0;
}

.title:before {
	content: attr(data-text);
	overflow: hidden;
	clip: rect(0, 9999px, 0, 0);
	animation: noise-anim-2 3s infinite linear alternate-reverse;
	-webkit-transform: translateX(-1px);
	-ms-transform: translateX(-1px);
	transform: translateX(-1px);
	text-shadow: 1px 0 #a10897;
}

.title:after {
	-webkit-transform: translateX(1px);
	-ms-transform: translateX(1px);
	transform: translateX(1px);
	text-shadow: -1px 0 #05d003;
}

.img {
	position: relative;
}

.img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
}

._touch .theme__content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

._touch .theme__block {
	margin-bottom: 10px;
}

._touch .switch {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-animation: unset;
	animation: unset;
}

._touch .switch__text {
	display: none;
}

._touch .switch__led-box,
._touch .switch__led-color,
._touch .switch__led-glass,
._touch .switch__led-light {
	border-radius: 50%;
}

._touch .switch__label {
	margin: 0;
}

._touch .switch__input:checked + .switch__btn {
	-webkit-box-shadow: inset 0 0 100px hsla(0deg, 0%, 0%, .2), inset 0 .5px 5px #999, inset 0 .7px 0 #888, inset 0 .9px 0 #777, inset 0 1.1px 0 #666, inset 0 1.3px 0 #555, inset 0 1.5px 0 #444, inset 0 1.7px 0 #333, 0 0 16px 24px rgba(0, 255, 0, .1333333333), inset 0 0 16px 24px rgba(0, 255, 0, .1333333333);
	box-shadow: inset 0 0 100px hsla(0deg, 0%, 0%, .2), inset 0 .5px 5px #999, inset 0 .7px 0 #888, inset 0 .9px 0 #777, inset 0 1.1px 0 #666, inset 0 1.3px 0 #555, inset 0 1.5px 0 #444, inset 0 1.7px 0 #333, 0 0 16px 24px rgba(0, 255, 0, .1333333333), inset 0 0 16px 24px rgba(0, 255, 0, .1333333333);
}

._touch .switch__input:checked + .switch__btn,
._touch .switch__input:checked + .switch__btn:before {
	background-image: -o-radial-gradient(#0f0, #0f0 100%, transparent 100%);
	background-image: radial-gradient(#0f0, #0f0 100%, transparent 100%);
}

._touch .anime {
	display: none;
}

.theme__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 10px 10px 5px;
}

.theme__box {
	position: relative;
	width: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.theme__icon {
	width: 33px;
	height: 33px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	border-radius: 50%;
	-webkit-box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .6), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem rgba(0, 0, 51, .5), inset .1rem .1rem .2rem rgba(0, 0, 51, .75), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .6), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem rgba(0, 0, 51, .5), inset .1rem .1rem .2rem rgba(0, 0, 51, .75), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	margin-bottom: 20px;
}

.theme__icon ._icon-on {
	color: #ffeb3b;
	-webkit-transition: color .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: color .5s cubic-bezier(.7, .5, 0, 1);
	transition: color .5s cubic-bezier(.7, .5, 0, 1);
}

.theme__icon ._icon-off {
	display: none;
	color: var(--bs-gray-500);
	-webkit-transition: color .5s cubic-bezier(.7, .5, 0, 1);
	-o-transition: color .5s cubic-bezier(.7, .5, 0, 1);
	transition: color .5s cubic-bezier(.7, .5, 0, 1);
}

.theme__icon i:before {
	font-size: 20px;
}

.theme__btn {
	position: relative;
	width: 33px;
	height: 16px;
	border-radius: 25px;
	-webkit-filter: blur(.4px);
	filter: blur(.4px);
	-webkit-box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .6), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem rgba(0, 0, 51, .5), inset .1rem .1rem .2rem rgba(0, 0, 51, .75), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .6), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem rgba(0, 0, 51, .5), inset .1rem .1rem .2rem rgba(0, 0, 51, .75), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.theme__switch {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--bs-gray-500);
	-webkit-filter: blur(.4px);
	filter: blur(.4px);
	-webkit-box-shadow: inset -.05rem -.05rem .08rem rgba(0, 0, 51, .6), inset .05rem .05rem .1rem #b6b6fb, .5rem .5rem 2rem rgba(0, 0, 51, .5), .1rem .1rem .2rem rgba(0, 0, 51, .75);
	box-shadow: inset -.05rem -.05rem .08rem rgba(0, 0, 51, .6), inset .05rem .05rem .1rem #b6b6fb, .5rem .5rem 2rem rgba(0, 0, 51, .5), .1rem .1rem .2rem rgba(0, 0, 51, .75);
	-webkit-animation: themeSwitchOff 1s ease 0s 1 normal forwards;
	animation: themeSwitchOff 1s ease 0s 1 normal forwards;
}

.switch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	-webkit-animation: hide 1s ease 0s 1 normal forwards;
	animation: hide 1s ease 0s 1 normal forwards;
}

.switch__label {
	margin: 0 0 5px;
}

.switch__input {
	position: absolute;
	right: 0;
	opacity: 0;
}

.switch__input:checked + .switch__btn {
	-webkit-box-shadow: -.05rem -.05rem .08rem transparent, .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem transparent, inset .1rem .1rem .2rem rgba(0, 0, 51, .3), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	box-shadow: -.05rem -.05rem .08rem transparent, .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem transparent, inset .1rem .1rem .2rem rgba(0, 0, 51, .3), inset -.5rem -.5rem 4rem rgba(182, 182, 251, .5);
	position: relative;
}

.switch__input:checked + .switch__btn:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-filter: blur(1px);
	filter: blur(1px);
}

.switch__input:checked + .switch__btn svg.scull {
	position: relative;
	-webkit-transform: scale(.9) translateY(2px);
	-ms-transform: scale(.9) translateY(2px);
	transform: scale(.9) translateY(2px);
	z-index: 1;
}

.switch__btn {
	position: relative;
	width: 50px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	border-radius: 3px;
	-webkit-box-shadow: inset -.05rem -.05rem .08rem rgba(0, 0, 51, .6), inset .05rem .05rem .1rem #b6b6fb, .5rem .5rem 2rem rgba(0, 0, 51, .5), .1rem .1rem .2rem rgba(0, 0, 51, .75);
	box-shadow: inset -.05rem -.05rem .08rem rgba(0, 0, 51, .6), inset .05rem .05rem .1rem #b6b6fb, .5rem .5rem 2rem rgba(0, 0, 51, .5), .1rem .1rem .2rem rgba(0, 0, 51, .75);
	background: -webkit-gradient(linear, left top, left bottom, from(#c1cdcd), to(#94a8a8));
	background: -o-linear-gradient(#c1cdcd, #94a8a8);
	background: linear-gradient(#c1cdcd, #94a8a8);
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.switch__btn svg.scull {
	width: 15px;
	height: 15px;
	fill: #333;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.switch__led-box {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 0 0 9px;
}

.switch__led-color,
.switch__led-light {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.switch__led-color,
.switch__led-glass,
.switch__led-light {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-image: radial-gradient(#000, #030 42%, transparent 56%), -webkit-gradient(linear, left top, right top, color-stop(36%, rgba(0, 0, 0, .5)), to(rgba(255, 255, 255, .5)));
	background-image: -o-radial-gradient(#000, #030 42%, transparent 56%), -o-linear-gradient(left, rgba(0, 0, 0, .5) 36%, rgba(255, 255, 255, .5));
	background-image: radial-gradient(#000, #030 42%, transparent 56%), linear-gradient(to right, rgba(0, 0, 0, .5) 36%, rgba(255, 255, 255, .5));
	background-color: transparent;
}

.switch__led-color,
.switch__led-glass {
	border: 0;
	-webkit-box-shadow: 0 0 1em 1.5em rgba(0, 255, 0, .1333333333), inset 0 0 1em 1.5em rgba(0, 255, 0, .1333333333);
	box-shadow: 0 0 1em 1.5em rgba(0, 255, 0, .1333333333), inset 0 0 1em 1.5em rgba(0, 255, 0, .1333333333);
	background-image: -o-radial-gradient(#0f0, #0f0 50%, transparent 50%);
	background-image: radial-gradient(#0f0, #0f0 50%, transparent 50%);
	-webkit-filter: blur(1px);
	filter: blur(1px);
	opacity: 0;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.switch__led-glass {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: -o-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .5333333333) 50%, rgba(255, 255, 255, 0) 55%);
	background-image: radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .5333333333) 50%, rgba(255, 255, 255, 0) 55%);
	opacity: 1;
}

.switch__led-glass:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-image: -o-radial-gradient(#fff, rgba(255, 255, 255, 0) 15%);
	background-image: radial-gradient(#fff, rgba(255, 255, 255, 0) 15%);
}

.switch__text {
	font-family: "Jura", monospace, sans-serif;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	color: #f44336 !important;
}

.anime {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.anime__li {
	position: absolute;
	bottom: -150px;
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0, 0, 0, .18);
	background: rgba(0, 0, 0, .1);
	-webkit-animation: spin 5s linear infinite;
	animation: spin 5s linear infinite;
}

.anime__li:nth-child(1) {
	left: 35%;
	width: 150px;
	height: 150px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.anime__li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.anime__li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.anime__li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-transition-duration: 18s;
	-o-transition-duration: 18s;
	transition-duration: 18s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.anime__li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.anime__li:nth-child(6) {
	left: 75%;
	width: 110px;
	height: 110px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.anime__li:nth-child(7) {
	left: 35%;
	width: 150px;
	height: 150px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s;
}

.anime__li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	-webkit-transition-duration: 45s;
	-o-transition-duration: 45s;
	transition-duration: 45s;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
}

.anime__li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	-webkit-transition-duration: 35s;
	-o-transition-duration: 35s;
	transition-duration: 35s;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.anime__li:nth-child(10) {
	left: 85%;
	width: 150px;
	height: 150px;
	-webkit-transition-duration: 11s;
	-o-transition-duration: 11s;
	transition-duration: 11s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.scroll-down {
	--color: rgba(0, 0, 0, .11);
	--sizeX: 23px;
	--sizeY: 40px;
	position: relative;
	width: var(--sizeX);
	height: var(--sizeY);
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: calc(var(--sizeX) / 10) solid rgba(51, 51, 51, .33);
	border-radius: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.scroll-down:before {
	content: "";
	position: absolute;
	bottom: 30px;
	top: 3px;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: 3px;
	height: 6px;
	background-color: rgba(51, 51, 51, .55);
	border-radius: 100%;
	-webkit-animation: scroll-down-anim 2s infinite;
	animation: scroll-down-anim 2s infinite;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 -5px 3px 1px rgba(51, 51, 51, .33);
	box-shadow: 0 -5px 3px 1px rgba(51, 51, 51, .33);
}

.chevrons {
	padding: 6px 0 0;
	margin-top: 38px;
	width: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.chevron-down {
	margin-top: -6px;
	position: relative;
	border: solid var(--color);
	border-width: 0 3px 3px 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.chevron-down:nth-child(odd) {
	-webkit-animation: pulse 500ms ease infinite alternate;
	animation: pulse 500ms ease infinite alternate;
}

.chevron-down:nth-child(even) {
	-webkit-animation: pulse 500ms ease infinite alternate 250ms;
	animation: pulse 500ms ease infinite alternate 250ms;
}

.info {
	position: fixed;
	top: 0;
	right: 15px;
	font-size: 16px;
	font-weight: 700;
	color: #a10897;
	z-index: 100;
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr;
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
	right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	right: auto;
	left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 20px 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin-right: 0;
	margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
	min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

.mCSB_container_wrapper,
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
	margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0;
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	overflow: hidden;
	top: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
	padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
	padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255, 255, 255, .75);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: rgba(255, 255, 255, .75);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center;
}

._no-webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-repeat: repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px;
}

._no-webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	border-radius: 5px;
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	bottom: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, .05);
	-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: rgba(0, 0, 0, .2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, .1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, .2);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, .2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
}

.mCSB_inside > .mCSB_container {
	margin-right: 16px !important;
}

.mCSB_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

[data-theme=dark] {
	--text-color: #f4f4f4;
	--background-color: #3F3F3F;
}

[data-theme=dark] body {
	background-image: -o-radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), -o-linear-gradient(top, #3f3f3f, #3f3f3f 2px, #111 3px);
	background-image: radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), linear-gradient(to bottom, #3f3f3f, #3f3f3f 2px, #111 3px);
}

[data-theme=dark] hr {
	background: rgba(255, 255, 255, .22);
}

[data-theme=dark] .sidebar * {
	color: #f4f4f4;
}

[data-theme=dark] .menu {
	background: -webkit-gradient(linear, left top, left bottom, from(#576b6b), to(#3e4c4c));
	background: -o-linear-gradient(#576b6b, #3e4c4c);
	background: linear-gradient(#576b6b, #3e4c4c);
}

[data-theme=dark] ._icon-on {
	display: none;
}

[data-theme=dark] ._icon-off {
	display: block;
}

[data-theme=dark] .switch__btn {
	-webkit-box-shadow: inset -.05rem -.05rem .08rem rgba(0, 0, 51, .6), inset .05rem .05rem .1rem #b6b6fb, .5rem .5rem 2rem rgba(0, 0, 51, .5), .1rem .1rem .2rem rgba(0, 0, 51, .75);
	box-shadow: inset -.05rem -.05rem .08rem rgba(0, 0, 51, .6), inset .05rem .05rem .1rem #b6b6fb, .5rem .5rem 2rem rgba(0, 0, 51, .5), .1rem .1rem .2rem rgba(0, 0, 51, .75);
	background: -webkit-gradient(linear, left top, left bottom, from(#576b6b), to(#3e4c4c));
	background: -o-linear-gradient(#576b6b, #3e4c4c);
	background: linear-gradient(#576b6b, #3e4c4c);
}

[data-theme=dark] .switch__input:checked + .switch__btn {
	-webkit-box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .4), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem transparent, inset .1rem .1rem .2rem transparent, inset -.5rem -.5rem 4rem transparent;
	box-shadow: -.05rem -.05rem .08rem rgba(0, 0, 51, .4), .05rem .05rem .1rem #b6b6fb, inset .5rem .5rem 2rem transparent, inset .1rem .1rem .2rem transparent, inset -.5rem -.5rem 4rem transparent;
}

[data-theme=dark] .theme__switch {
	-webkit-animation: themeSwitchOn 1s ease 0s 1 normal forwards;
	animation: themeSwitchOn 1s ease 0s 1 normal forwards;
}

[data-theme=dark] .chevron-down,
[data-theme=dark] .scroll-down {
	border-color: #9e9e9e;
}

[data-theme=dark] .scroll-down::before {
	-webkit-box-shadow: 0 -5px 3px 1px rgba(255, 255, 255, .33);
	box-shadow: 0 -5px 3px 1px rgba(255, 255, 255, .33);
	background-color: #9e9e9e;
}

[data-theme=dark] .about__btn {
	color: #eee;
	background: #3f3f3f;
}

[data-theme=dark] .about__btn:after,
[data-theme=dark] .portfolio__btn:after {
	color: rgba(255, 255, 255, .33);
}

[data-theme=dark] .inset {
	background-image: -o-radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), -o-linear-gradient(top, #3f3f3f, #3f3f3f 2px, #111 3px);
	background-image: radial-gradient(rgba(244, 244, 244, .125), rgba(244, 244, 244, 0)), linear-gradient(to bottom, #3f3f3f, #3f3f3f 2px, #111 3px);
}

[data-theme=dark] .skill-progress {
	border-color: #3f3f3f;
}

[data-theme=dark] .portfolio__btn {
	color: #eee;
	background: #3f3f3f;
}

[data-theme=dark] footer * {
	color: #eee;
}

.carousel {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.carousel *,
.carousel :after,
.carousel :before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

.carousel.is-draggable {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.carousel.is-dragging {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.carousel__viewport {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
}

.carousel__track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.carousel__slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: var(--carousel-slide-width, 60%);
	max-width: 100%;
	padding: 1rem;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
}

.has-dots {
	margin-bottom: calc(.5rem + 22px);
}

.carousel__button,
.carousel__dots {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.carousel__dots {
	margin: 0 auto;
	position: absolute;
	top: calc(100% + .5rem);
	left: 0;
	right: 0;
	list-style: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.carousel__dots .carousel__dot {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.carousel__dots .carousel__dot:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: currentColor;
	opacity: .25;
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
	opacity: 1;
}

.carousel__button {
	width: var(--carousel-button-width, 48px);
	height: var(--carousel-button-height, 48px);
	border: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	pointer-events: all;
	cursor: pointer;
	color: var(--carousel-button-color, currentColor);
	background: var(--carousel-button-bg, transparent);
	border-radius: var(--carousel-button-border-radius, 50%);
	-webkit-box-shadow: var(--carousel-button-shadow, none);
	box-shadow: var(--carousel-button-shadow, none);
	-webkit-transition: opacity .15s ease;
	-o-transition: opacity .15s ease;
	transition: opacity .15s ease;
}

.carousel__button.is-next,
.carousel__button.is-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.carousel__button.is-prev {
	left: 10px;
}

.carousel__button.is-next {
	right: 10px;
}

.carousel__button[disabled] {
	cursor: default;
	opacity: .3;
}

.carousel__button svg {
	width: var(--carousel-button-svg-width, 50%);
	height: var(--carousel-button-svg-height, 50%);
	fill: none;
	stroke: currentColor;
	stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
	stroke-linejoin: bevel;
	stroke-linecap: round;
	-webkit-filter: var(--carousel-button-svg-filter, none);
	filter: var(--carousel-button-svg-filter, none);
	pointer-events: none;
}

html.with-fancybox {
	scroll-behavior: auto;
}

body.compensate-for-scrollbar {
	overflow: hidden !important;
	-ms-touch-action: none;
	touch-action: none;
}

.fancybox__container {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	direction: ltr;
	margin: 0;
	padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: var(--fancybox-color, #fff);
	-webkit-tap-highlight-color: transparent;
	overflow: hidden;
	z-index: 1050;
	outline: 0;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	--carousel-button-width: 48px;
	--carousel-button-height: 48px;
	--carousel-button-svg-width: 24px;
	--carousel-button-svg-height: 24px;
	--carousel-button-svg-stroke-width: 2.5;
	--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

.fancybox__container :focus {
	outline: 0;
}

body:not(.is-using-mouse) .fancybox__container :focus {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
	box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

.fancybox__backdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	z-index: 10;
}

.fancybox__carousel.has-dots {
	margin-bottom: calc(.5rem + 22px);
}

.fancybox__viewport {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
	cursor: default;
}

.fancybox__track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.fancybox__slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 48px 8px 8px;
	position: relative;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	outline: 0;
	overflow: auto;
	--carousel-button-width: 36px;
	--carousel-button-height: 36px;
	--carousel-button-svg-width: 22px;
	--carousel-button-svg-height: 22px;
}

.fancybox__slide::after,
.fancybox__slide::before {
	content: "";
	-webkit-box-flex: 0;
	-ms-flex: 0 0 0px;
	flex: 0 0 0;
	margin: auto;
}

.fancybox__content {
	margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
	padding: 36px;
	color: var(--fancybox-content-color, #374151);
	background: var(--fancybox-content-bg, #fff);
	position: relative;
	-ms-flex-item-align: center;
	align-self: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
	outline: thin dotted;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.fancybox__caption {
	-ms-flex-item-align: center;
	align-self: center;
	max-width: 100%;
	margin: 0;
	padding: 1rem 0 0;
	line-height: 1.375;
	color: var(--fancybox-color, currentColor);
	visibility: visible;
	cursor: auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
	visibility: hidden;
}

.fancybox__container > .carousel__dots {
	top: 100%;
	color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
	z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
	right: 8px;
}

.fancybox__nav .carousel__button.is-prev {
	left: 8px;
}

.carousel__button.is-close {
	position: absolute;
	top: 8px;
	right: 8px;
	top: calc(env(safe-area-inset-top, 0) + 8px);
	right: calc(env(safe-area-inset-right, 0) + 8px);
	z-index: 40;
}

.fancybox__content > .carousel__button.is-close {
	position: absolute;
	top: -40px;
	right: 0;
	color: var(--fancybox-color, #fff);
}

.fancybox__no-click,
.fancybox__no-click button {
	pointer-events: none;
}

.fancybox__spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
	cursor: pointer;
	z-index: 1053;
}

.fancybox__spinner svg {
	-webkit-animation: fancybox-rotate 2s linear infinite;
	animation: fancybox-rotate 2s linear infinite;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}

.fancybox__spinner svg circle {
	fill: none;
	stroke-width: 2.75;
	stroke-miterlimit: 10;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
	animation: fancybox-dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
	stroke: currentColor;
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
	opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
	-webkit-animation: .15s ease backwards fancybox-fadeIn;
	animation: .15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
	-webkit-animation: .15s ease both fancybox-fadeOut;
	animation: .15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
	-webkit-animation: .15s ease both fancybox-fadeIn;
	animation: .15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
	-webkit-animation: .1s ease both fancybox-fadeOut;
	animation: .1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
	-webkit-animation: .2s ease both fancybox-zoomInUp;
	animation: .2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
	-webkit-animation: .15s ease both fancybox-zoomOutDown;
	animation: .15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
	-webkit-animation: .15s ease both fancybox-throwOutUp;
	animation: .15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
	-webkit-animation: .15s ease both fancybox-throwOutDown;
	animation: .15s ease both fancybox-throwOutDown;
}

.fancybox__carousel .carousel__slide {
	scrollbar-width: thin;
	scrollbar-color: #ccc rgba(255, 255, 255, .1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, .1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
	cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.fancybox__image {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.has-image .fancybox__content {
	padding: 0;
	background: 0 0;
	min-height: 1px;
}

.is-closing .has-image .fancybox__content {
	overflow: visible;
}

.has-image[data-image-fit=contain] {
	overflow: visible;
	-ms-touch-action: none;
	touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.has-image[data-image-fit=contain-w] {
	overflow-x: hidden;
	overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
	min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
	max-width: 100%;
	height: auto;
}

.has-image[data-image-fit=cover] {
	overflow: visible;
	-ms-touch-action: none;
	touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
	width: 100%;
	height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
	max-width: 100%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	min-height: 1px;
	overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	min-height: 1px;
	overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
	width: 100%;
	height: 80%;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
	width: 960px;
	height: 540px;
	max-width: 100%;
	max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
	padding: 0;
	background: rgba(24, 24, 27, .9);
	color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
	background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: 0 0;
}

.fancybox-placeholder {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.fancybox__thumbs {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	padding: 0 3px;
	opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
	-webkit-animation: .15s ease-in backwards fancybox-fadeIn;
	animation: .15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
	opacity: 0;
}

.fancybox__thumbs .carousel__slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: var(--fancybox-thumbs-width, 96px);
	margin: 0;
	padding: 8px 3px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: visible;
	cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-width: 5px;
	border-style: solid;
	border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
	opacity: 0;
	-webkit-transition: opacity .15s ease;
	-o-transition: opacity .15s ease;
	transition: opacity .15s ease;
	border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
	opacity: .92;
}

.fancybox__thumbs .carousel__slide > * {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fancybox__thumb {
	position: relative;
	width: 100%;
	padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
	background-size: cover;
	background-position: center center;
	background-color: rgba(255, 255, 255, .1);
	background-repeat: no-repeat;
	border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, hsla(0deg, 0%, 0%, 0)), color-stop(8.1%, hsla(0deg, 0%, 0%, .006)), color-stop(15.5%, hsla(0deg, 0%, 0%, .021)), color-stop(22.5%, hsla(0deg, 0%, 0%, .046)), color-stop(29%, hsla(0deg, 0%, 0%, .077)), color-stop(35.3%, hsla(0deg, 0%, 0%, .114)), color-stop(41.2%, hsla(0deg, 0%, 0%, .155)), color-stop(47.1%, hsla(0deg, 0%, 0%, .198)), color-stop(52.9%, hsla(0deg, 0%, 0%, .242)), color-stop(58.8%, hsla(0deg, 0%, 0%, .285)), color-stop(64.7%, hsla(0deg, 0%, 0%, .326)), color-stop(71%, hsla(0deg, 0%, 0%, .363)), color-stop(77.5%, hsla(0deg, 0%, 0%, .394)), color-stop(84.5%, hsla(0deg, 0%, 0%, .419)), color-stop(91.9%, hsla(0deg, 0%, 0%, .434)), to(hsla(0deg, 0%, 0%, .44)));
	background: -o-linear-gradient(bottom, hsla(0deg, 0%, 0%, 0) 0, hsla(0deg, 0%, 0%, .006) 8.1%, hsla(0deg, 0%, 0%, .021) 15.5%, hsla(0deg, 0%, 0%, .046) 22.5%, hsla(0deg, 0%, 0%, .077) 29%, hsla(0deg, 0%, 0%, .114) 35.3%, hsla(0deg, 0%, 0%, .155) 41.2%, hsla(0deg, 0%, 0%, .198) 47.1%, hsla(0deg, 0%, 0%, .242) 52.9%, hsla(0deg, 0%, 0%, .285) 58.8%, hsla(0deg, 0%, 0%, .326) 64.7%, hsla(0deg, 0%, 0%, .363) 71%, hsla(0deg, 0%, 0%, .394) 77.5%, hsla(0deg, 0%, 0%, .419) 84.5%, hsla(0deg, 0%, 0%, .434) 91.9%, hsla(0deg, 0%, 0%, .44) 100%);
	background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0, hsla(0deg, 0%, 0%, .006) 8.1%, hsla(0deg, 0%, 0%, .021) 15.5%, hsla(0deg, 0%, 0%, .046) 22.5%, hsla(0deg, 0%, 0%, .077) 29%, hsla(0deg, 0%, 0%, .114) 35.3%, hsla(0deg, 0%, 0%, .155) 41.2%, hsla(0deg, 0%, 0%, .198) 47.1%, hsla(0deg, 0%, 0%, .242) 52.9%, hsla(0deg, 0%, 0%, .285) 58.8%, hsla(0deg, 0%, 0%, .326) 64.7%, hsla(0deg, 0%, 0%, .363) 71%, hsla(0deg, 0%, 0%, .394) 77.5%, hsla(0deg, 0%, 0%, .419) 84.5%, hsla(0deg, 0%, 0%, .434) 91.9%, hsla(0deg, 0%, 0%, .44) 100%);
	padding: 0;
	-ms-touch-action: none;
	touch-action: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	--carousel-button-svg-width: 20px;
	--carousel-button-svg-height: 20px;
	opacity: var(--fancybox-opacity, 1);
	text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
	-webkit-animation: .15s ease-in backwards fancybox-fadeIn;
	animation: .15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
	opacity: 0;
}

.fancybox__toolbar__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.fancybox__toolbar__items--left {
	margin-right: auto;
}

.fancybox__toolbar__items--center {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
	margin-left: auto;
}

.fancybox__counter {
	min-width: 72px;
	padding: 0 10px;
	line-height: var(--carousel-button-height, 48px);
	text-align: center;
	font-size: 17px;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
	background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0;
	-ms-transform-origin: 0;
	transform-origin: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	z-index: 30;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fancybox__container:-webkit-full-screen::backdrop {
	opacity: 0;
}

.fancybox__container:-ms-fullscreen::backdrop {
	opacity: 0;
}

.fancybox__container:fullscreen::-webkit-backdrop {
	opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
	opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2),
.fancybox__button--slideshow g:nth-child(2) {
	display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
	display: none;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
	display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
	display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
	display: block;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
	display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
	display: block;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
	display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
	display: block;
}

@media (min-width: 576px) {
	.container,
	.container-sm {
		max-width: 540px;
	}

	.col-sm {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-sm-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-sm-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-sm-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-sm-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-sm-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-sm-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.col-sm-auto,
	.row-cols-sm-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-sm-auto {
		width: auto;
	}

	.col-sm-1,
	.col-sm-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-sm-2 {
		width: 16.66666667%;
	}

	.col-sm-3,
	.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-5,
	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-7,
	.col-sm-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-10,
	.col-sm-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-11,
	.col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-sm-12 {
		width: 100%;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.33333333%;
	}

	.offset-sm-2 {
		margin-left: 16.66666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.33333333%;
	}

	.offset-sm-5 {
		margin-left: 41.66666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.33333333%;
	}

	.offset-sm-8 {
		margin-left: 66.66666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.33333333%;
	}

	.offset-sm-11 {
		margin-left: 91.66666667%;
	}

	.g-sm-0,
	.gx-sm-0 {
		--bs-gutter-x: 0;
	}

	.g-sm-0,
	.gy-sm-0 {
		--bs-gutter-y: 0;
	}

	.g-sm-1,
	.gx-sm-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-sm-1,
	.gy-sm-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-sm-2,
	.gx-sm-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-sm-2,
	.gy-sm-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-sm-3,
	.gx-sm-3 {
		--bs-gutter-x: 1rem;
	}

	.g-sm-3,
	.gy-sm-3 {
		--bs-gutter-y: 1rem;
	}

	.g-sm-4,
	.gx-sm-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-sm-4,
	.gy-sm-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-sm-5,
	.gx-sm-5 {
		--bs-gutter-x: 3rem;
	}

	.g-sm-5,
	.gy-sm-5 {
		--bs-gutter-y: 3rem;
	}

	.d-sm-inline {
		display: inline;
	}

	.d-sm-inline-block {
		display: inline-block;
	}

	.d-sm-block {
		display: block;
	}

	.d-sm-grid {
		display: grid;
	}

	.d-sm-table {
		display: table;
	}

	.d-sm-table-row {
		display: table-row;
	}

	.d-sm-table-cell {
		display: table-cell;
	}

	.d-sm-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.d-sm-inline-flex {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.d-sm-none {
		display: none;
	}

	.flex-sm-fill {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.flex-sm-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.flex-sm-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-sm-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.flex-sm-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.flex-sm-grow-0 {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}

	.flex-sm-grow-1 {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.flex-sm-shrink-0 {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.flex-sm-shrink-1 {
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}

	.flex-sm-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}

	.justify-content-sm-start {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.justify-content-sm-end {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.justify-content-sm-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.justify-content-sm-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.justify-content-sm-around {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.justify-content-sm-evenly {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
	}

	.align-items-sm-start {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.align-items-sm-end {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.align-items-sm-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.align-items-sm-baseline {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	.align-items-sm-stretch {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.align-content-sm-start {
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}

	.align-content-sm-end {
		-ms-flex-line-pack: end;
		align-content: flex-end;
	}

	.align-content-sm-center {
		-ms-flex-line-pack: center;
		align-content: center;
	}

	.align-content-sm-between {
		-ms-flex-line-pack: justify;
		align-content: space-between;
	}

	.align-content-sm-around {
		-ms-flex-line-pack: distribute;
		align-content: space-around;
	}

	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch;
		align-content: stretch;
	}

	.align-self-sm-auto {
		-ms-flex-item-align: auto;
		align-self: auto;
	}

	.align-self-sm-start {
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.align-self-sm-end {
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

	.align-self-sm-center {
		-ms-flex-item-align: center;
		align-self: center;
	}

	.align-self-sm-baseline {
		-ms-flex-item-align: baseline;
		align-self: baseline;
	}

	.align-self-sm-stretch {
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}

	.order-sm-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-sm-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-sm-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-sm-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-sm-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-sm-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-sm-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-sm-last {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.m-sm-0 {
		margin: 0;
	}

	.m-sm-1 {
		margin: .25rem;
	}

	.m-sm-2 {
		margin: .5rem;
	}

	.m-sm-3 {
		margin: 1rem;
	}

	.m-sm-4 {
		margin: 1.5rem;
	}

	.m-sm-5 {
		margin: 3rem;
	}

	.m-sm-auto {
		margin: auto;
	}

	.mx-sm-0 {
		margin-right: 0;
		margin-left: 0;
	}

	.mx-sm-1 {
		margin-right: .25rem;
		margin-left: .25rem;
	}

	.mx-sm-2 {
		margin-right: .5rem;
		margin-left: .5rem;
	}

	.mx-sm-3 {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.mx-sm-4 {
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.mx-sm-5 {
		margin-right: 3rem;
		margin-left: 3rem;
	}

	.mx-sm-auto {
		margin-right: auto;
		margin-left: auto;
	}

	.my-sm-0 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.my-sm-1 {
		margin-top: .25rem;
		margin-bottom: .25rem;
	}

	.my-sm-2 {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	.my-sm-3 {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.my-sm-4 {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.my-sm-5 {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.my-sm-auto {
		margin-top: auto;
		margin-bottom: auto;
	}

	.mt-sm-0 {
		margin-top: 0;
	}

	.mt-sm-1 {
		margin-top: .25rem;
	}

	.mt-sm-2 {
		margin-top: .5rem;
	}

	.mt-sm-3 {
		margin-top: 1rem;
	}

	.mt-sm-4 {
		margin-top: 1.5rem;
	}

	.mt-sm-5 {
		margin-top: 3rem;
	}

	.mt-sm-auto {
		margin-top: auto;
	}

	.me-sm-0 {
		margin-right: 0;
	}

	.me-sm-1 {
		margin-right: .25rem;
	}

	.me-sm-2 {
		margin-right: .5rem;
	}

	.me-sm-3 {
		margin-right: 1rem;
	}

	.me-sm-4 {
		margin-right: 1.5rem;
	}

	.me-sm-5 {
		margin-right: 3rem;
	}

	.me-sm-auto {
		margin-right: auto;
	}

	.mb-sm-0 {
		margin-bottom: 0;
	}

	.mb-sm-1 {
		margin-bottom: .25rem;
	}

	.mb-sm-2 {
		margin-bottom: .5rem;
	}

	.mb-sm-3 {
		margin-bottom: 1rem;
	}

	.mb-sm-4 {
		margin-bottom: 1.5rem;
	}

	.mb-sm-5 {
		margin-bottom: 3rem;
	}

	.mb-sm-auto {
		margin-bottom: auto;
	}

	.ms-sm-0 {
		margin-left: 0;
	}

	.ms-sm-1 {
		margin-left: .25rem;
	}

	.ms-sm-2 {
		margin-left: .5rem;
	}

	.ms-sm-3 {
		margin-left: 1rem;
	}

	.ms-sm-4 {
		margin-left: 1.5rem;
	}

	.ms-sm-5 {
		margin-left: 3rem;
	}

	.ms-sm-auto {
		margin-left: auto;
	}

	.p-sm-0 {
		padding: 0;
	}

	.p-sm-1 {
		padding: .25rem;
	}

	.p-sm-2 {
		padding: .5rem;
	}

	.p-sm-3 {
		padding: 1rem;
	}

	.p-sm-4 {
		padding: 1.5rem;
	}

	.p-sm-5 {
		padding: 3rem;
	}

	.px-sm-0 {
		padding-right: 0;
		padding-left: 0;
	}

	.px-sm-1 {
		padding-right: .25rem;
		padding-left: .25rem;
	}

	.px-sm-2 {
		padding-right: .5rem;
		padding-left: .5rem;
	}

	.px-sm-3 {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.px-sm-4 {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.px-sm-5 {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.py-sm-0 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.py-sm-1 {
		padding-top: .25rem;
		padding-bottom: .25rem;
	}

	.py-sm-2 {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.py-sm-3 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.py-sm-4 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.py-sm-5 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.pt-sm-0 {
		padding-top: 0;
	}

	.pt-sm-1 {
		padding-top: .25rem;
	}

	.pt-sm-2 {
		padding-top: .5rem;
	}

	.pt-sm-3 {
		padding-top: 1rem;
	}

	.pt-sm-4 {
		padding-top: 1.5rem;
	}

	.pt-sm-5 {
		padding-top: 3rem;
	}

	.pe-sm-0 {
		padding-right: 0;
	}

	.pe-sm-1 {
		padding-right: .25rem;
	}

	.pe-sm-2 {
		padding-right: .5rem;
	}

	.pe-sm-3 {
		padding-right: 1rem;
	}

	.pe-sm-4 {
		padding-right: 1.5rem;
	}

	.pe-sm-5 {
		padding-right: 3rem;
	}

	.pb-sm-0 {
		padding-bottom: 0;
	}

	.pb-sm-1 {
		padding-bottom: .25rem;
	}

	.pb-sm-2 {
		padding-bottom: .5rem;
	}

	.pb-sm-3 {
		padding-bottom: 1rem;
	}

	.pb-sm-4 {
		padding-bottom: 1.5rem;
	}

	.pb-sm-5 {
		padding-bottom: 3rem;
	}

	.ps-sm-0 {
		padding-left: 0;
	}

	.ps-sm-1 {
		padding-left: .25rem;
	}

	.ps-sm-2 {
		padding-left: .5rem;
	}

	.ps-sm-3 {
		padding-left: 1rem;
	}

	.ps-sm-4 {
		padding-left: 1.5rem;
	}

	.ps-sm-5 {
		padding-left: 3rem;
	}
}

@media (min-width: 768px) {
	.container,
	.container-md,
	.container-sm {
		max-width: 720px;
	}

	.col-md {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-md-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-md-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-md-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-md-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-md-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-md-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.col-md-auto,
	.row-cols-md-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-md-auto {
		width: auto;
	}

	.col-md-1,
	.col-md-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-md-2 {
		width: 16.66666667%;
	}

	.col-md-3,
	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-md-4 {
		width: 33.33333333%;
	}

	.col-md-5,
	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-7,
	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-md-8 {
		width: 66.66666667%;
	}

	.col-md-10,
	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-md-10 {
		width: 83.33333333%;
	}

	.col-md-11,
	.col-md-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-md-12 {
		width: 100%;
	}

	.offset-md-0 {
		margin-left: 0;
	}

	.offset-md-1 {
		margin-left: 8.33333333%;
	}

	.offset-md-2 {
		margin-left: 16.66666667%;
	}

	.offset-md-3 {
		margin-left: 25%;
	}

	.offset-md-4 {
		margin-left: 33.33333333%;
	}

	.offset-md-5 {
		margin-left: 41.66666667%;
	}

	.offset-md-6 {
		margin-left: 50%;
	}

	.offset-md-7 {
		margin-left: 58.33333333%;
	}

	.offset-md-8 {
		margin-left: 66.66666667%;
	}

	.offset-md-9 {
		margin-left: 75%;
	}

	.offset-md-10 {
		margin-left: 83.33333333%;
	}

	.offset-md-11 {
		margin-left: 91.66666667%;
	}

	.g-md-0,
	.gx-md-0 {
		--bs-gutter-x: 0;
	}

	.g-md-0,
	.gy-md-0 {
		--bs-gutter-y: 0;
	}

	.g-md-1,
	.gx-md-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-md-1,
	.gy-md-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-md-2,
	.gx-md-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-md-2,
	.gy-md-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-md-3,
	.gx-md-3 {
		--bs-gutter-x: 1rem;
	}

	.g-md-3,
	.gy-md-3 {
		--bs-gutter-y: 1rem;
	}

	.g-md-4,
	.gx-md-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-md-4,
	.gy-md-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-md-5,
	.gx-md-5 {
		--bs-gutter-x: 3rem;
	}

	.g-md-5,
	.gy-md-5 {
		--bs-gutter-y: 3rem;
	}

	.d-md-inline {
		display: inline;
	}

	.d-md-inline-block {
		display: inline-block;
	}

	.d-md-block {
		display: block;
	}

	.d-md-grid {
		display: grid;
	}

	.d-md-table {
		display: table;
	}

	.d-md-table-row {
		display: table-row;
	}

	.d-md-table-cell {
		display: table-cell;
	}

	.d-md-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.d-md-inline-flex {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.d-md-none {
		display: none;
	}

	.flex-md-fill {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.flex-md-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.flex-md-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-md-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.flex-md-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.flex-md-grow-0 {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}

	.flex-md-grow-1 {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.flex-md-shrink-0 {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.flex-md-shrink-1 {
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}

	.flex-md-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flex-md-nowrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}

	.justify-content-md-start {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.justify-content-md-end {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.justify-content-md-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.justify-content-md-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.justify-content-md-around {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.justify-content-md-evenly {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
	}

	.align-items-md-start {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.align-items-md-end {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.align-items-md-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.align-items-md-baseline {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	.align-items-md-stretch {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.align-content-md-start {
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}

	.align-content-md-end {
		-ms-flex-line-pack: end;
		align-content: flex-end;
	}

	.align-content-md-center {
		-ms-flex-line-pack: center;
		align-content: center;
	}

	.align-content-md-between {
		-ms-flex-line-pack: justify;
		align-content: space-between;
	}

	.align-content-md-around {
		-ms-flex-line-pack: distribute;
		align-content: space-around;
	}

	.align-content-md-stretch {
		-ms-flex-line-pack: stretch;
		align-content: stretch;
	}

	.align-self-md-auto {
		-ms-flex-item-align: auto;
		align-self: auto;
	}

	.align-self-md-start {
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.align-self-md-end {
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

	.align-self-md-center {
		-ms-flex-item-align: center;
		align-self: center;
	}

	.align-self-md-baseline {
		-ms-flex-item-align: baseline;
		align-self: baseline;
	}

	.align-self-md-stretch {
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}

	.order-md-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-md-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-md-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-md-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-md-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-md-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-md-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-md-last {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.m-md-0 {
		margin: 0;
	}

	.m-md-1 {
		margin: .25rem;
	}

	.m-md-2 {
		margin: .5rem;
	}

	.m-md-3 {
		margin: 1rem;
	}

	.m-md-4 {
		margin: 1.5rem;
	}

	.m-md-5 {
		margin: 3rem;
	}

	.m-md-auto {
		margin: auto;
	}

	.mx-md-0 {
		margin-right: 0;
		margin-left: 0;
	}

	.mx-md-1 {
		margin-right: .25rem;
		margin-left: .25rem;
	}

	.mx-md-2 {
		margin-right: .5rem;
		margin-left: .5rem;
	}

	.mx-md-3 {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.mx-md-4 {
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.mx-md-5 {
		margin-right: 3rem;
		margin-left: 3rem;
	}

	.mx-md-auto {
		margin-right: auto;
		margin-left: auto;
	}

	.my-md-0 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.my-md-1 {
		margin-top: .25rem;
		margin-bottom: .25rem;
	}

	.my-md-2 {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	.my-md-3 {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.my-md-4 {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.my-md-5 {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.my-md-auto {
		margin-top: auto;
		margin-bottom: auto;
	}

	.mt-md-0 {
		margin-top: 0;
	}

	.mt-md-1 {
		margin-top: .25rem;
	}

	.mt-md-2 {
		margin-top: .5rem;
	}

	.mt-md-3 {
		margin-top: 1rem;
	}

	.mt-md-4 {
		margin-top: 1.5rem;
	}

	.mt-md-5 {
		margin-top: 3rem;
	}

	.mt-md-auto {
		margin-top: auto;
	}

	.me-md-0 {
		margin-right: 0;
	}

	.me-md-1 {
		margin-right: .25rem;
	}

	.me-md-2 {
		margin-right: .5rem;
	}

	.me-md-3 {
		margin-right: 1rem;
	}

	.me-md-4 {
		margin-right: 1.5rem;
	}

	.me-md-5 {
		margin-right: 3rem;
	}

	.me-md-auto {
		margin-right: auto;
	}

	.mb-md-0 {
		margin-bottom: 0;
	}

	.mb-md-1 {
		margin-bottom: .25rem;
	}

	.mb-md-2 {
		margin-bottom: .5rem;
	}

	.mb-md-3 {
		margin-bottom: 1rem;
	}

	.mb-md-4 {
		margin-bottom: 1.5rem;
	}

	.mb-md-5 {
		margin-bottom: 3rem;
	}

	.mb-md-auto {
		margin-bottom: auto;
	}

	.ms-md-0 {
		margin-left: 0;
	}

	.ms-md-1 {
		margin-left: .25rem;
	}

	.ms-md-2 {
		margin-left: .5rem;
	}

	.ms-md-3 {
		margin-left: 1rem;
	}

	.ms-md-4 {
		margin-left: 1.5rem;
	}

	.ms-md-5 {
		margin-left: 3rem;
	}

	.ms-md-auto {
		margin-left: auto;
	}

	.p-md-0 {
		padding: 0;
	}

	.p-md-1 {
		padding: .25rem;
	}

	.p-md-2 {
		padding: .5rem;
	}

	.p-md-3 {
		padding: 1rem;
	}

	.p-md-4 {
		padding: 1.5rem;
	}

	.p-md-5 {
		padding: 3rem;
	}

	.px-md-0 {
		padding-right: 0;
		padding-left: 0;
	}

	.px-md-1 {
		padding-right: .25rem;
		padding-left: .25rem;
	}

	.px-md-2 {
		padding-right: .5rem;
		padding-left: .5rem;
	}

	.px-md-3 {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.px-md-4 {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.px-md-5 {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.py-md-0 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.py-md-1 {
		padding-top: .25rem;
		padding-bottom: .25rem;
	}

	.py-md-2 {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.py-md-3 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.py-md-4 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.py-md-5 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.pt-md-0 {
		padding-top: 0;
	}

	.pt-md-1 {
		padding-top: .25rem;
	}

	.pt-md-2 {
		padding-top: .5rem;
	}

	.pt-md-3 {
		padding-top: 1rem;
	}

	.pt-md-4 {
		padding-top: 1.5rem;
	}

	.pt-md-5 {
		padding-top: 3rem;
	}

	.pe-md-0 {
		padding-right: 0;
	}

	.pe-md-1 {
		padding-right: .25rem;
	}

	.pe-md-2 {
		padding-right: .5rem;
	}

	.pe-md-3 {
		padding-right: 1rem;
	}

	.pe-md-4 {
		padding-right: 1.5rem;
	}

	.pe-md-5 {
		padding-right: 3rem;
	}

	.pb-md-0 {
		padding-bottom: 0;
	}

	.pb-md-1 {
		padding-bottom: .25rem;
	}

	.pb-md-2 {
		padding-bottom: .5rem;
	}

	.pb-md-3 {
		padding-bottom: 1rem;
	}

	.pb-md-4 {
		padding-bottom: 1.5rem;
	}

	.pb-md-5 {
		padding-bottom: 3rem;
	}

	.ps-md-0 {
		padding-left: 0;
	}

	.ps-md-1 {
		padding-left: .25rem;
	}

	.ps-md-2 {
		padding-left: .5rem;
	}

	.ps-md-3 {
		padding-left: 1rem;
	}

	.ps-md-4 {
		padding-left: 1.5rem;
	}

	.ps-md-5 {
		padding-left: 3rem;
	}

	.modal__line:after {
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
}

@media (min-width: 992px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 960px;
	}

	.col-lg {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-lg-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-lg-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-lg-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-lg-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-lg-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-lg-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.col-lg-auto,
	.row-cols-lg-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-lg-auto {
		width: auto;
	}

	.col-lg-1,
	.col-lg-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-lg-2 {
		width: 16.66666667%;
	}

	.col-lg-3,
	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-lg-4 {
		width: 33.33333333%;
	}

	.col-lg-5,
	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-7,
	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-lg-8 {
		width: 66.66666667%;
	}

	.col-lg-10,
	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-lg-10 {
		width: 83.33333333%;
	}

	.col-lg-11,
	.col-lg-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-lg-12 {
		width: 100%;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: 8.33333333%;
	}

	.offset-lg-2 {
		margin-left: 16.66666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.33333333%;
	}

	.offset-lg-5 {
		margin-left: 41.66666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.33333333%;
	}

	.offset-lg-8 {
		margin-left: 66.66666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.33333333%;
	}

	.offset-lg-11 {
		margin-left: 91.66666667%;
	}

	.g-lg-0,
	.gx-lg-0 {
		--bs-gutter-x: 0;
	}

	.g-lg-0,
	.gy-lg-0 {
		--bs-gutter-y: 0;
	}

	.g-lg-1,
	.gx-lg-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-lg-1,
	.gy-lg-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-lg-2,
	.gx-lg-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-lg-2,
	.gy-lg-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-lg-3,
	.gx-lg-3 {
		--bs-gutter-x: 1rem;
	}

	.g-lg-3,
	.gy-lg-3 {
		--bs-gutter-y: 1rem;
	}

	.g-lg-4,
	.gx-lg-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-lg-4,
	.gy-lg-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-lg-5,
	.gx-lg-5 {
		--bs-gutter-x: 3rem;
	}

	.g-lg-5,
	.gy-lg-5 {
		--bs-gutter-y: 3rem;
	}

	.d-lg-inline {
		display: inline;
	}

	.d-lg-inline-block {
		display: inline-block;
	}

	.d-lg-block {
		display: block;
	}

	.d-lg-grid {
		display: grid;
	}

	.d-lg-table {
		display: table;
	}

	.d-lg-table-row {
		display: table-row;
	}

	.d-lg-table-cell {
		display: table-cell;
	}

	.d-lg-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.d-lg-inline-flex {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.d-lg-none {
		display: none;
	}

	.flex-lg-fill {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.flex-lg-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.flex-lg-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-lg-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.flex-lg-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.flex-lg-grow-0 {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}

	.flex-lg-grow-1 {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.flex-lg-shrink-0 {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.flex-lg-shrink-1 {
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}

	.flex-lg-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}

	.justify-content-lg-start {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.justify-content-lg-end {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.justify-content-lg-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.justify-content-lg-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.justify-content-lg-around {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.justify-content-lg-evenly {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
	}

	.align-items-lg-start {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.align-items-lg-end {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.align-items-lg-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.align-items-lg-baseline {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	.align-items-lg-stretch {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.align-content-lg-start {
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}

	.align-content-lg-end {
		-ms-flex-line-pack: end;
		align-content: flex-end;
	}

	.align-content-lg-center {
		-ms-flex-line-pack: center;
		align-content: center;
	}

	.align-content-lg-between {
		-ms-flex-line-pack: justify;
		align-content: space-between;
	}

	.align-content-lg-around {
		-ms-flex-line-pack: distribute;
		align-content: space-around;
	}

	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch;
		align-content: stretch;
	}

	.align-self-lg-auto {
		-ms-flex-item-align: auto;
		align-self: auto;
	}

	.align-self-lg-start {
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.align-self-lg-end {
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

	.align-self-lg-center {
		-ms-flex-item-align: center;
		align-self: center;
	}

	.align-self-lg-baseline {
		-ms-flex-item-align: baseline;
		align-self: baseline;
	}

	.align-self-lg-stretch {
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}

	.order-lg-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-lg-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-lg-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-lg-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-lg-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-lg-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-lg-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-lg-last {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.m-lg-0 {
		margin: 0;
	}

	.m-lg-1 {
		margin: .25rem;
	}

	.m-lg-2 {
		margin: .5rem;
	}

	.m-lg-3 {
		margin: 1rem;
	}

	.m-lg-4 {
		margin: 1.5rem;
	}

	.m-lg-5 {
		margin: 3rem;
	}

	.m-lg-auto {
		margin: auto;
	}

	.mx-lg-0 {
		margin-right: 0;
		margin-left: 0;
	}

	.mx-lg-1 {
		margin-right: .25rem;
		margin-left: .25rem;
	}

	.mx-lg-2 {
		margin-right: .5rem;
		margin-left: .5rem;
	}

	.mx-lg-3 {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.mx-lg-4 {
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.mx-lg-5 {
		margin-right: 3rem;
		margin-left: 3rem;
	}

	.mx-lg-auto {
		margin-right: auto;
		margin-left: auto;
	}

	.my-lg-0 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.my-lg-1 {
		margin-top: .25rem;
		margin-bottom: .25rem;
	}

	.my-lg-2 {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	.my-lg-3 {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.my-lg-4 {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.my-lg-5 {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.my-lg-auto {
		margin-top: auto;
		margin-bottom: auto;
	}

	.mt-lg-0 {
		margin-top: 0;
	}

	.mt-lg-1 {
		margin-top: .25rem;
	}

	.mt-lg-2 {
		margin-top: .5rem;
	}

	.mt-lg-3 {
		margin-top: 1rem;
	}

	.mt-lg-4 {
		margin-top: 1.5rem;
	}

	.mt-lg-5 {
		margin-top: 3rem;
	}

	.mt-lg-auto {
		margin-top: auto;
	}

	.me-lg-0 {
		margin-right: 0;
	}

	.me-lg-1 {
		margin-right: .25rem;
	}

	.me-lg-2 {
		margin-right: .5rem;
	}

	.me-lg-3 {
		margin-right: 1rem;
	}

	.me-lg-4 {
		margin-right: 1.5rem;
	}

	.me-lg-5 {
		margin-right: 3rem;
	}

	.me-lg-auto {
		margin-right: auto;
	}

	.mb-lg-0 {
		margin-bottom: 0;
	}

	.mb-lg-1 {
		margin-bottom: .25rem;
	}

	.mb-lg-2 {
		margin-bottom: .5rem;
	}

	.mb-lg-3 {
		margin-bottom: 1rem;
	}

	.mb-lg-4 {
		margin-bottom: 1.5rem;
	}

	.mb-lg-5 {
		margin-bottom: 3rem;
	}

	.mb-lg-auto {
		margin-bottom: auto;
	}

	.ms-lg-0 {
		margin-left: 0;
	}

	.ms-lg-1 {
		margin-left: .25rem;
	}

	.ms-lg-2 {
		margin-left: .5rem;
	}

	.ms-lg-3 {
		margin-left: 1rem;
	}

	.ms-lg-4 {
		margin-left: 1.5rem;
	}

	.ms-lg-5 {
		margin-left: 3rem;
	}

	.ms-lg-auto {
		margin-left: auto;
	}

	.p-lg-0 {
		padding: 0;
	}

	.p-lg-1 {
		padding: .25rem;
	}

	.p-lg-2 {
		padding: .5rem;
	}

	.p-lg-3 {
		padding: 1rem;
	}

	.p-lg-4 {
		padding: 1.5rem;
	}

	.p-lg-5 {
		padding: 3rem;
	}

	.px-lg-0 {
		padding-right: 0;
		padding-left: 0;
	}

	.px-lg-1 {
		padding-right: .25rem;
		padding-left: .25rem;
	}

	.px-lg-2 {
		padding-right: .5rem;
		padding-left: .5rem;
	}

	.px-lg-3 {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.px-lg-4 {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.px-lg-5 {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.py-lg-0 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.py-lg-1 {
		padding-top: .25rem;
		padding-bottom: .25rem;
	}

	.py-lg-2 {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.py-lg-3 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.py-lg-4 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.py-lg-5 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.pt-lg-0 {
		padding-top: 0;
	}

	.pt-lg-1 {
		padding-top: .25rem;
	}

	.pt-lg-2 {
		padding-top: .5rem;
	}

	.pt-lg-3 {
		padding-top: 1rem;
	}

	.pt-lg-4 {
		padding-top: 1.5rem;
	}

	.pt-lg-5 {
		padding-top: 3rem;
	}

	.pe-lg-0 {
		padding-right: 0;
	}

	.pe-lg-1 {
		padding-right: .25rem;
	}

	.pe-lg-2 {
		padding-right: .5rem;
	}

	.pe-lg-3 {
		padding-right: 1rem;
	}

	.pe-lg-4 {
		padding-right: 1.5rem;
	}

	.pe-lg-5 {
		padding-right: 3rem;
	}

	.pb-lg-0 {
		padding-bottom: 0;
	}

	.pb-lg-1 {
		padding-bottom: .25rem;
	}

	.pb-lg-2 {
		padding-bottom: .5rem;
	}

	.pb-lg-3 {
		padding-bottom: 1rem;
	}

	.pb-lg-4 {
		padding-bottom: 1.5rem;
	}

	.pb-lg-5 {
		padding-bottom: 3rem;
	}

	.ps-lg-0 {
		padding-left: 0;
	}

	.ps-lg-1 {
		padding-left: .25rem;
	}

	.ps-lg-2 {
		padding-left: .5rem;
	}

	.ps-lg-3 {
		padding-left: 1rem;
	}

	.ps-lg-4 {
		padding-left: 1.5rem;
	}

	.ps-lg-5 {
		padding-left: 3rem;
	}
}

@media all and (min-width: 1024px) {
	.fancybox__container {
		--carousel-button-width: 48px;
		--carousel-button-height: 48px;
		--carousel-button-svg-width: 27px;
		--carousel-button-svg-height: 27px;
	}

	.fancybox__slide {
		padding: 64px 100px;
	}

	.fancybox__nav .carousel__button.is-next {
		right: 40px;
	}

	.fancybox__nav .carousel__button.is-prev {
		left: 40px;
	}

	.carousel__button.is-close {
		right: 40px;
	}

	.fancybox__toolbar {
		padding: 8px;
	}
}

@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px;
	}

	.col-xl {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-xl-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xl-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xl-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xl-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xl-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xl-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.col-xl-auto,
	.row-cols-xl-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xl-auto {
		width: auto;
	}

	.col-xl-1,
	.col-xl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xl-2 {
		width: 16.66666667%;
	}

	.col-xl-3,
	.col-xl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xl-4 {
		width: 33.33333333%;
	}

	.col-xl-5,
	.col-xl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xl-6 {
		width: 50%;
	}

	.col-xl-7,
	.col-xl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xl-8 {
		width: 66.66666667%;
	}

	.col-xl-10,
	.col-xl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xl-10 {
		width: 83.33333333%;
	}

	.col-xl-11,
	.col-xl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xl-12 {
		width: 100%;
	}

	.offset-xl-0 {
		margin-left: 0;
	}

	.offset-xl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xl-11 {
		margin-left: 91.66666667%;
	}

	.g-xl-0,
	.gx-xl-0 {
		--bs-gutter-x: 0;
	}

	.g-xl-0,
	.gy-xl-0 {
		--bs-gutter-y: 0;
	}

	.g-xl-1,
	.gx-xl-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-xl-1,
	.gy-xl-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-xl-2,
	.gx-xl-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-xl-2,
	.gy-xl-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-xl-3,
	.gx-xl-3 {
		--bs-gutter-x: 1rem;
	}

	.g-xl-3,
	.gy-xl-3 {
		--bs-gutter-y: 1rem;
	}

	.g-xl-4,
	.gx-xl-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-xl-4,
	.gy-xl-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-xl-5,
	.gx-xl-5 {
		--bs-gutter-x: 3rem;
	}

	.g-xl-5,
	.gy-xl-5 {
		--bs-gutter-y: 3rem;
	}

	.d-xl-inline {
		display: inline;
	}

	.d-xl-inline-block {
		display: inline-block;
	}

	.d-xl-block {
		display: block;
	}

	.d-xl-grid {
		display: grid;
	}

	.d-xl-table {
		display: table;
	}

	.d-xl-table-row {
		display: table-row;
	}

	.d-xl-table-cell {
		display: table-cell;
	}

	.d-xl-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.d-xl-inline-flex {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.d-xl-none {
		display: none;
	}

	.flex-xl-fill {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.flex-xl-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.flex-xl-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-xl-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.flex-xl-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.flex-xl-grow-0 {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}

	.flex-xl-grow-1 {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.flex-xl-shrink-0 {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.flex-xl-shrink-1 {
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}

	.flex-xl-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}

	.justify-content-xl-start {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.justify-content-xl-end {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.justify-content-xl-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.justify-content-xl-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.justify-content-xl-around {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.justify-content-xl-evenly {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
	}

	.align-items-xl-start {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.align-items-xl-end {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.align-items-xl-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.align-items-xl-baseline {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	.align-items-xl-stretch {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.align-content-xl-start {
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}

	.align-content-xl-end {
		-ms-flex-line-pack: end;
		align-content: flex-end;
	}

	.align-content-xl-center {
		-ms-flex-line-pack: center;
		align-content: center;
	}

	.align-content-xl-between {
		-ms-flex-line-pack: justify;
		align-content: space-between;
	}

	.align-content-xl-around {
		-ms-flex-line-pack: distribute;
		align-content: space-around;
	}

	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch;
		align-content: stretch;
	}

	.align-self-xl-auto {
		-ms-flex-item-align: auto;
		align-self: auto;
	}

	.align-self-xl-start {
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.align-self-xl-end {
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

	.align-self-xl-center {
		-ms-flex-item-align: center;
		align-self: center;
	}

	.align-self-xl-baseline {
		-ms-flex-item-align: baseline;
		align-self: baseline;
	}

	.align-self-xl-stretch {
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}

	.order-xl-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-xl-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-xl-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-xl-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-xl-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-xl-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-xl-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-xl-last {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.m-xl-0 {
		margin: 0;
	}

	.m-xl-1 {
		margin: .25rem;
	}

	.m-xl-2 {
		margin: .5rem;
	}

	.m-xl-3 {
		margin: 1rem;
	}

	.m-xl-4 {
		margin: 1.5rem;
	}

	.m-xl-5 {
		margin: 3rem;
	}

	.m-xl-auto {
		margin: auto;
	}

	.mx-xl-0 {
		margin-right: 0;
		margin-left: 0;
	}

	.mx-xl-1 {
		margin-right: .25rem;
		margin-left: .25rem;
	}

	.mx-xl-2 {
		margin-right: .5rem;
		margin-left: .5rem;
	}

	.mx-xl-3 {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.mx-xl-4 {
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.mx-xl-5 {
		margin-right: 3rem;
		margin-left: 3rem;
	}

	.mx-xl-auto {
		margin-right: auto;
		margin-left: auto;
	}

	.my-xl-0 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.my-xl-1 {
		margin-top: .25rem;
		margin-bottom: .25rem;
	}

	.my-xl-2 {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	.my-xl-3 {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.my-xl-4 {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.my-xl-5 {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.my-xl-auto {
		margin-top: auto;
		margin-bottom: auto;
	}

	.mt-xl-0 {
		margin-top: 0;
	}

	.mt-xl-1 {
		margin-top: .25rem;
	}

	.mt-xl-2 {
		margin-top: .5rem;
	}

	.mt-xl-3 {
		margin-top: 1rem;
	}

	.mt-xl-4 {
		margin-top: 1.5rem;
	}

	.mt-xl-5 {
		margin-top: 3rem;
	}

	.mt-xl-auto {
		margin-top: auto;
	}

	.me-xl-0 {
		margin-right: 0;
	}

	.me-xl-1 {
		margin-right: .25rem;
	}

	.me-xl-2 {
		margin-right: .5rem;
	}

	.me-xl-3 {
		margin-right: 1rem;
	}

	.me-xl-4 {
		margin-right: 1.5rem;
	}

	.me-xl-5 {
		margin-right: 3rem;
	}

	.me-xl-auto {
		margin-right: auto;
	}

	.mb-xl-0 {
		margin-bottom: 0;
	}

	.mb-xl-1 {
		margin-bottom: .25rem;
	}

	.mb-xl-2 {
		margin-bottom: .5rem;
	}

	.mb-xl-3 {
		margin-bottom: 1rem;
	}

	.mb-xl-4 {
		margin-bottom: 1.5rem;
	}

	.mb-xl-5 {
		margin-bottom: 3rem;
	}

	.mb-xl-auto {
		margin-bottom: auto;
	}

	.ms-xl-0 {
		margin-left: 0;
	}

	.ms-xl-1 {
		margin-left: .25rem;
	}

	.ms-xl-2 {
		margin-left: .5rem;
	}

	.ms-xl-3 {
		margin-left: 1rem;
	}

	.ms-xl-4 {
		margin-left: 1.5rem;
	}

	.ms-xl-5 {
		margin-left: 3rem;
	}

	.ms-xl-auto {
		margin-left: auto;
	}

	.p-xl-0 {
		padding: 0;
	}

	.p-xl-1 {
		padding: .25rem;
	}

	.p-xl-2 {
		padding: .5rem;
	}

	.p-xl-3 {
		padding: 1rem;
	}

	.p-xl-4 {
		padding: 1.5rem;
	}

	.p-xl-5 {
		padding: 3rem;
	}

	.px-xl-0 {
		padding-right: 0;
		padding-left: 0;
	}

	.px-xl-1 {
		padding-right: .25rem;
		padding-left: .25rem;
	}

	.px-xl-2 {
		padding-right: .5rem;
		padding-left: .5rem;
	}

	.px-xl-3 {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.px-xl-4 {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.px-xl-5 {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.py-xl-0 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.py-xl-1 {
		padding-top: .25rem;
		padding-bottom: .25rem;
	}

	.py-xl-2 {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.py-xl-3 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.py-xl-4 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.py-xl-5 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.pt-xl-0 {
		padding-top: 0;
	}

	.pt-xl-1 {
		padding-top: .25rem;
	}

	.pt-xl-2 {
		padding-top: .5rem;
	}

	.pt-xl-3 {
		padding-top: 1rem;
	}

	.pt-xl-4 {
		padding-top: 1.5rem;
	}

	.pt-xl-5 {
		padding-top: 3rem;
	}

	.pe-xl-0 {
		padding-right: 0;
	}

	.pe-xl-1 {
		padding-right: .25rem;
	}

	.pe-xl-2 {
		padding-right: .5rem;
	}

	.pe-xl-3 {
		padding-right: 1rem;
	}

	.pe-xl-4 {
		padding-right: 1.5rem;
	}

	.pe-xl-5 {
		padding-right: 3rem;
	}

	.pb-xl-0 {
		padding-bottom: 0;
	}

	.pb-xl-1 {
		padding-bottom: .25rem;
	}

	.pb-xl-2 {
		padding-bottom: .5rem;
	}

	.pb-xl-3 {
		padding-bottom: 1rem;
	}

	.pb-xl-4 {
		padding-bottom: 1.5rem;
	}

	.pb-xl-5 {
		padding-bottom: 3rem;
	}

	.ps-xl-0 {
		padding-left: 0;
	}

	.ps-xl-1 {
		padding-left: .25rem;
	}

	.ps-xl-2 {
		padding-left: .5rem;
	}

	.ps-xl-3 {
		padding-left: 1rem;
	}

	.ps-xl-4 {
		padding-left: 1.5rem;
	}

	.ps-xl-5 {
		padding-left: 3rem;
	}
}

@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1320px;
	}

	.col-xxl {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}

	.row-cols-xxl-auto > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.row-cols-xxl-1 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-cols-xxl-2 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.row-cols-xxl-3 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.row-cols-xxl-4 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.row-cols-xxl-5 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 20%;
	}

	.row-cols-xxl-6 > * {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 16.6666666667%;
	}

	.col-xxl-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-xxl-1,
	.col-xxl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 8.33333333%;
	}

	.col-xxl-2 {
		width: 16.66666667%;
	}

	.col-xxl-3,
	.col-xxl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xxl-4 {
		width: 33.33333333%;
	}

	.col-xxl-5,
	.col-xxl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 41.66666667%;
	}

	.col-xxl-6 {
		width: 50%;
	}

	.col-xxl-7,
	.col-xxl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 58.33333333%;
	}

	.col-xxl-8 {
		width: 66.66666667%;
	}

	.col-xxl-10,
	.col-xxl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.col-xxl-10 {
		width: 83.33333333%;
	}

	.col-xxl-11,
	.col-xxl-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 91.66666667%;
	}

	.col-xxl-12 {
		width: 100%;
	}

	.offset-xxl-0 {
		margin-left: 0;
	}

	.offset-xxl-1 {
		margin-left: 8.33333333%;
	}

	.offset-xxl-2 {
		margin-left: 16.66666667%;
	}

	.offset-xxl-3 {
		margin-left: 25%;
	}

	.offset-xxl-4 {
		margin-left: 33.33333333%;
	}

	.offset-xxl-5 {
		margin-left: 41.66666667%;
	}

	.offset-xxl-6 {
		margin-left: 50%;
	}

	.offset-xxl-7 {
		margin-left: 58.33333333%;
	}

	.offset-xxl-8 {
		margin-left: 66.66666667%;
	}

	.offset-xxl-9 {
		margin-left: 75%;
	}

	.offset-xxl-10 {
		margin-left: 83.33333333%;
	}

	.offset-xxl-11 {
		margin-left: 91.66666667%;
	}

	.g-xxl-0,
	.gx-xxl-0 {
		--bs-gutter-x: 0;
	}

	.g-xxl-0,
	.gy-xxl-0 {
		--bs-gutter-y: 0;
	}

	.g-xxl-1,
	.gx-xxl-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-xxl-1,
	.gy-xxl-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-xxl-2,
	.gx-xxl-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-xxl-2,
	.gy-xxl-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-xxl-3,
	.gx-xxl-3 {
		--bs-gutter-x: 1rem;
	}

	.g-xxl-3,
	.gy-xxl-3 {
		--bs-gutter-y: 1rem;
	}

	.g-xxl-4,
	.gx-xxl-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-xxl-4,
	.gy-xxl-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-xxl-5,
	.gx-xxl-5 {
		--bs-gutter-x: 3rem;
	}

	.g-xxl-5,
	.gy-xxl-5 {
		--bs-gutter-y: 3rem;
	}

	.d-xxl-inline {
		display: inline;
	}

	.d-xxl-inline-block {
		display: inline-block;
	}

	.d-xxl-block {
		display: block;
	}

	.d-xxl-grid {
		display: grid;
	}

	.d-xxl-table {
		display: table;
	}

	.d-xxl-table-row {
		display: table-row;
	}

	.d-xxl-table-cell {
		display: table-cell;
	}

	.d-xxl-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.d-xxl-inline-flex {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.d-xxl-none {
		display: none;
	}

	.flex-xxl-fill {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.flex-xxl-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.flex-xxl-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-xxl-row-reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.flex-xxl-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.flex-xxl-grow-0 {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
	}

	.flex-xxl-grow-1 {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.flex-xxl-shrink-0 {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.flex-xxl-shrink-1 {
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}

	.flex-xxl-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flex-xxl-nowrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.flex-xxl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}

	.justify-content-xxl-start {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.justify-content-xxl-end {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.justify-content-xxl-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.justify-content-xxl-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.justify-content-xxl-around {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.justify-content-xxl-evenly {
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
	}

	.align-items-xxl-start {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.align-items-xxl-end {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.align-items-xxl-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.align-items-xxl-baseline {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	.align-items-xxl-stretch {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.align-content-xxl-start {
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}

	.align-content-xxl-end {
		-ms-flex-line-pack: end;
		align-content: flex-end;
	}

	.align-content-xxl-center {
		-ms-flex-line-pack: center;
		align-content: center;
	}

	.align-content-xxl-between {
		-ms-flex-line-pack: justify;
		align-content: space-between;
	}

	.align-content-xxl-around {
		-ms-flex-line-pack: distribute;
		align-content: space-around;
	}

	.align-content-xxl-stretch {
		-ms-flex-line-pack: stretch;
		align-content: stretch;
	}

	.align-self-xxl-auto {
		-ms-flex-item-align: auto;
		align-self: auto;
	}

	.align-self-xxl-start {
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.align-self-xxl-end {
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

	.align-self-xxl-center {
		-ms-flex-item-align: center;
		align-self: center;
	}

	.align-self-xxl-baseline {
		-ms-flex-item-align: baseline;
		align-self: baseline;
	}

	.align-self-xxl-stretch {
		-ms-flex-item-align: stretch;
		align-self: stretch;
	}

	.order-xxl-first {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.order-xxl-0 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	.order-xxl-1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.order-xxl-2 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.order-xxl-3 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.order-xxl-4 {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}

	.order-xxl-5 {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}

	.order-xxl-last {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}

	.m-xxl-0 {
		margin: 0;
	}

	.m-xxl-1 {
		margin: .25rem;
	}

	.m-xxl-2 {
		margin: .5rem;
	}

	.m-xxl-3 {
		margin: 1rem;
	}

	.m-xxl-4 {
		margin: 1.5rem;
	}

	.m-xxl-5 {
		margin: 3rem;
	}

	.m-xxl-auto {
		margin: auto;
	}

	.mx-xxl-0 {
		margin-right: 0;
		margin-left: 0;
	}

	.mx-xxl-1 {
		margin-right: .25rem;
		margin-left: .25rem;
	}

	.mx-xxl-2 {
		margin-right: .5rem;
		margin-left: .5rem;
	}

	.mx-xxl-3 {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.mx-xxl-4 {
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.mx-xxl-5 {
		margin-right: 3rem;
		margin-left: 3rem;
	}

	.mx-xxl-auto {
		margin-right: auto;
		margin-left: auto;
	}

	.my-xxl-0 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.my-xxl-1 {
		margin-top: .25rem;
		margin-bottom: .25rem;
	}

	.my-xxl-2 {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}

	.my-xxl-3 {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.my-xxl-4 {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.my-xxl-5 {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.my-xxl-auto {
		margin-top: auto;
		margin-bottom: auto;
	}

	.mt-xxl-0 {
		margin-top: 0;
	}

	.mt-xxl-1 {
		margin-top: .25rem;
	}

	.mt-xxl-2 {
		margin-top: .5rem;
	}

	.mt-xxl-3 {
		margin-top: 1rem;
	}

	.mt-xxl-4 {
		margin-top: 1.5rem;
	}

	.mt-xxl-5 {
		margin-top: 3rem;
	}

	.mt-xxl-auto {
		margin-top: auto;
	}

	.me-xxl-0 {
		margin-right: 0;
	}

	.me-xxl-1 {
		margin-right: .25rem;
	}

	.me-xxl-2 {
		margin-right: .5rem;
	}

	.me-xxl-3 {
		margin-right: 1rem;
	}

	.me-xxl-4 {
		margin-right: 1.5rem;
	}

	.me-xxl-5 {
		margin-right: 3rem;
	}

	.me-xxl-auto {
		margin-right: auto;
	}

	.mb-xxl-0 {
		margin-bottom: 0;
	}

	.mb-xxl-1 {
		margin-bottom: .25rem;
	}

	.mb-xxl-2 {
		margin-bottom: .5rem;
	}

	.mb-xxl-3 {
		margin-bottom: 1rem;
	}

	.mb-xxl-4 {
		margin-bottom: 1.5rem;
	}

	.mb-xxl-5 {
		margin-bottom: 3rem;
	}

	.mb-xxl-auto {
		margin-bottom: auto;
	}

	.ms-xxl-0 {
		margin-left: 0;
	}

	.ms-xxl-1 {
		margin-left: .25rem;
	}

	.ms-xxl-2 {
		margin-left: .5rem;
	}

	.ms-xxl-3 {
		margin-left: 1rem;
	}

	.ms-xxl-4 {
		margin-left: 1.5rem;
	}

	.ms-xxl-5 {
		margin-left: 3rem;
	}

	.ms-xxl-auto {
		margin-left: auto;
	}

	.p-xxl-0 {
		padding: 0;
	}

	.p-xxl-1 {
		padding: .25rem;
	}

	.p-xxl-2 {
		padding: .5rem;
	}

	.p-xxl-3 {
		padding: 1rem;
	}

	.p-xxl-4 {
		padding: 1.5rem;
	}

	.p-xxl-5 {
		padding: 3rem;
	}

	.px-xxl-0 {
		padding-right: 0;
		padding-left: 0;
	}

	.px-xxl-1 {
		padding-right: .25rem;
		padding-left: .25rem;
	}

	.px-xxl-2 {
		padding-right: .5rem;
		padding-left: .5rem;
	}

	.px-xxl-3 {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.px-xxl-4 {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.px-xxl-5 {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.py-xxl-0 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.py-xxl-1 {
		padding-top: .25rem;
		padding-bottom: .25rem;
	}

	.py-xxl-2 {
		padding-top: .5rem;
		padding-bottom: .5rem;
	}

	.py-xxl-3 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.py-xxl-4 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.py-xxl-5 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.pt-xxl-0 {
		padding-top: 0;
	}

	.pt-xxl-1 {
		padding-top: .25rem;
	}

	.pt-xxl-2 {
		padding-top: .5rem;
	}

	.pt-xxl-3 {
		padding-top: 1rem;
	}

	.pt-xxl-4 {
		padding-top: 1.5rem;
	}

	.pt-xxl-5 {
		padding-top: 3rem;
	}

	.pe-xxl-0 {
		padding-right: 0;
	}

	.pe-xxl-1 {
		padding-right: .25rem;
	}

	.pe-xxl-2 {
		padding-right: .5rem;
	}

	.pe-xxl-3 {
		padding-right: 1rem;
	}

	.pe-xxl-4 {
		padding-right: 1.5rem;
	}

	.pe-xxl-5 {
		padding-right: 3rem;
	}

	.pb-xxl-0 {
		padding-bottom: 0;
	}

	.pb-xxl-1 {
		padding-bottom: .25rem;
	}

	.pb-xxl-2 {
		padding-bottom: .5rem;
	}

	.pb-xxl-3 {
		padding-bottom: 1rem;
	}

	.pb-xxl-4 {
		padding-bottom: 1.5rem;
	}

	.pb-xxl-5 {
		padding-bottom: 3rem;
	}

	.ps-xxl-0 {
		padding-left: 0;
	}

	.ps-xxl-1 {
		padding-left: .25rem;
	}

	.ps-xxl-2 {
		padding-left: .5rem;
	}

	.ps-xxl-3 {
		padding-left: 1rem;
	}

	.ps-xxl-4 {
		padding-left: 1.5rem;
	}

	.ps-xxl-5 {
		padding-left: 3rem;
	}
}

@media (max-width: 1280px) {
	._block_content {
		padding-top: calc(25px + -20 * ((100vw - 320px) / 960));
		padding-bottom: calc(25px + -20 * ((100vw - 320px) / 960));
	}

	.menu__content {
		width: calc(60px + 6 * ((100vw - 320px) / 960));
	}

	.menu__content .hr-top {
		margin-bottom: calc(5px + 35 * ((100vw - 320px) / 960));
	}

	.menu__button {
		width: calc(60px + 6 * ((100vw - 320px) / 960));
	}

	.menu__btn {
		width: calc(50px + 5 * ((100vw - 320px) / 960));
		height: calc(55px + 5 * ((100vw - 320px) / 960));
	}

	.menu__logo-icon {
		width: calc(42px + 13 * ((100vw - 320px) / 960));
	}

	.menu__logo-name {
		font-size: calc(15px + 2 * ((100vw - 320px) / 960));
	}

	.menu__item {
		height: calc(35px + 25 * ((100vw - 320px) / 960));
	}

	.menu__icon {
		min-width: calc(50px + 5 * ((100vw - 320px) / 960));
		height: calc(35px + 15 * ((100vw - 320px) / 960));
		font-size: calc(18px + 6 * ((100vw - 320px) / 960));
		border-radius: calc(0px + 8 * ((100vw - 320px) / 960));
	}

	.menu__message {
		margin-bottom: calc(10px + 30 * ((100vw - 320px) / 960));
	}

	.menu__message-content {
		border-radius: calc(0px + 8 * ((100vw - 320px) / 960));
	}

	.menu__btn-icon {
		min-width: calc(50px + 5 * ((100vw - 320px) / 960));
		height: calc(40px + 10 * ((100vw - 320px) / 960));
		font-size: calc(18px + 6 * ((100vw - 320px) / 960));
	}

	.about__subtitle:before {
		font-size: calc(12px + 12 * ((100vw - 320px) / 960));
	}

	.technology__header {
		margin-bottom: calc(25px + 25 * ((100vw - 320px) / 960));
	}

	.technology__subtitle {
		margin-bottom: calc(20px + 10 * ((100vw - 320px) / 960));
	}

	.technology__left {
		margin-right: calc(0px + 20 * ((100vw - 320px) / 960));
	}

	.technology__inner-wrapper {
		padding-top: calc(20px + -20 * ((100vw - 320px) / 960));
	}

	.portfolio__header {
		margin-bottom: calc(25px + 25 * ((100vw - 320px) / 960));
	}

	.portfolio__items {
		-webkit-column-gap: calc(0px + 20 * ((100vw - 320px) / 960));
		-moz-column-gap: calc(0px + 20 * ((100vw - 320px) / 960));
		column-gap: calc(0px + 20 * ((100vw - 320px) / 960));
		row-gap: calc(15px + 5 * ((100vw - 320px) / 960));
	}

	.portfolio__btn {
		width: calc(200px + 50 * ((100vw - 320px) / 960));
		height: calc(40px + 10 * ((100vw - 320px) / 960));
	}

	.item__picture {
		height: calc(200px + 50 * ((100vw - 320px) / 960));
		margin-bottom: calc(15px + 5 * ((100vw - 320px) / 960));
	}

	.contact__header {
		margin-bottom: calc(25px + 25 * ((100vw - 320px) / 960));
	}

	.modal__title {
		font-size: calc(16px + 4 * ((100vw - 320px) / 960));
	}

	._touch .theme__block {
		margin-bottom: calc(15px + -5 * ((100vw - 320px) / 960));
	}

	.theme__content {
		padding: calc(10px + 0 * ((100vw - 320px) / 960)) calc(5px + 5 * ((100vw - 320px) / 960)) calc(10px + 0 * ((100vw - 320px) / 960)) calc(5px + 0 * ((100vw - 320px) / 960));
	}

	.theme__icon {
		width: calc(14px + 19 * ((100vw - 320px) / 960));
		height: calc(14px + 19 * ((100vw - 320px) / 960));
		margin-bottom: calc(5px + 15 * ((100vw - 320px) / 960));
	}

	.theme__icon i:before {
		font-size: calc(10px + 10 * ((100vw - 320px) / 960));
	}

	.theme__btn {
		width: calc(25px + 8 * ((100vw - 320px) / 960));
		height: calc(15px + 1 * ((100vw - 320px) / 960));
		border-radius: calc(1px + 24 * ((100vw - 320px) / 960));
	}

	.theme__switch {
		width: calc(10px + 0 * ((100vw - 320px) / 960));
		height: calc(10px + 0 * ((100vw - 320px) / 960));
	}

	.switch__btn {
		width: calc(25px + 25 * ((100vw - 320px) / 960));
		height: calc(15px + 5 * ((100vw - 320px) / 960));
	}

	.switch__btn svg.scull {
		width: calc(10px + 5 * ((100vw - 320px) / 960));
		height: calc(10px + 5 * ((100vw - 320px) / 960));
	}

	.switch__led-box {
		width: calc(16px + 4 * ((100vw - 320px) / 960));
		height: calc(16px + 4 * ((100vw - 320px) / 960));
	}

	.switch__led-color,
	.switch__led-glass,
	.switch__led-light {
		width: calc(16px + 4 * ((100vw - 320px) / 960));
		height: calc(16px + 4 * ((100vw - 320px) / 960));
	}

	.switch__text {
		font-size: calc(11px + 1 * ((100vw - 320px) / 960));
	}
}

@media all and (max-width: 1023px) and (max-height: 767px) and (orientation: landscape) {
	.wrapper.on._loaded .page__pagination {
		display: none;
	}
}

@media (max-width: 768px) {
	.technology__right {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) and (max-height: 768px) {
	.modal {
		height: 100%;
	}

	.modal__content {
		height: 100%;
		overflow: auto;
	}

	.modal__top {
		top: unset;
		-webkit-margin-after: 20px;
		margin-block-end: 20px;
	}
}

@media all and (max-width: 767px) and (max-height: 1023px) and (orientation: portrait) {
	.wrapper.on._loaded .page__pagination {
		display: none;
	}
}

@media (max-width: 767px) {
	.menu__link._active {
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
	}

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

	.scroll-down {
		margin: 0;
	}
}

@media (max-width: 740px) and (max-height: 740px) {
	._touch .on .page {
		overflow: hidden !important;
		padding: 0 !important;
	}

	._touch .on section [class*=__body] {
		height: 100%;
		overflow: auto;
	}

	._touch .on .about__body {
		height: unset !important;
		overflow: unset !important;
	}

	._touch .on ._block_content {
		height: 100vh;
	}

	._touch .on .portfolio__content {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	._touch .on .portfolio__btn {
		margin: 0 0 8px;
	}

	._touch .on .scroll-down {
		display: none !important;
	}

	._touch .on .technology__content {
		padding-bottom: 40px;
	}

	._touch .on .technology__inner-wrapper {
		height: 550px;
	}

	._touch .on .contact__content {
		padding-bottom: calc(var(--vh, 1vh) * 12);
	}
}

@media (max-width: 740px) and (max-height: 740px) and (orientation: portrait) {
	._touch .on .portfolio__body {
		height: unset !important;
	}
}

@media (max-width: 740px) {
	._touch .contact__right {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media (hover: none) and (pointer: coarse) and (max-width: 740px) and (orientation: landscape) {
	.menu__logo {
		display: none;
	}

	.menu__message {
		display: none;
	}

	._touch .theme__block {
		margin: 0 0 10px;
	}

	.theme__icon {
		display: none;
	}

	.switch__led-box {
		display: none;
	}
}

@media (max-width: 736px) and (min-height: 320px) {
	.technology__content {
		height: 100%;
	}

	.portfolio__content {
		height: 100%;
	}

	.contact__content {
		height: 100%;
	}

	.contact__right {
		max-width: 400px;
	}

	.contact__right-body {
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.fancybox__toolbar__items--center:not(:last-child) {
		display: none;
	}
}

@media (max-width: 620px) and (orientation: landscape) {
	.menu__content .hr-top {
		margin: 0;
	}
}

@media (max-width: 620px) {
	.menu__logo-icon i:before {
		font-size: calc(54px + 24 * (100vw - 320px) / 300);
	}

	.footer__logo {
		font-size: calc(14px + 8 * (100vw - 320px) / 300);
	}

	.footer__link:before {
		font-size: calc(20px + 4 * (100vw - 320px) / 300);
	}

	.about__btn {
		font-size: calc(16px + 4 * (100vw - 320px) / 300);
	}

	.technology__body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.technology__left {
		width: 100%;
		height: unset;
		margin: 0 0 35px;
	}

	.technology__right {
		width: 100%;
	}

	.portfolio__btn {
		font-size: calc(16px + 4 * (100vw - 320px) / 300);
	}

	.contact__subtitle:before {
		font-size: calc(12px + 12 * (100vw - 320px) / 448);
	}

	.modal__top {
		width: calc(100px + 100 * (100vw - 320px) / 300);
		height: calc(100px + 100 * (100vw - 320px) / 300);
	}

	.modal__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.modal__left {
		width: 100%;
		margin: 0 0 25px;
	}

	.modal__left:before {
		display: none;
	}

	.modal__right {
		width: 100%;
	}

	.modal__item a {
		font-size: calc(14px + 6 * (100vw - 320px) / 300);
	}

	.modal__item i:before {
		font-size: calc(14px + 10 * (100vw - 320px) / 300);
	}

	._touch .switch {
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	._touch .switch__led-box,
	._touch .switch__led-color,
	._touch .switch__led-glass,
	._touch .switch__led-light {
		border-radius: calc(16% + 34 * (100vw - 320px) / 1600);
	}

	.theme__block {
		width: 100%;
	}

	.theme__box {
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.theme__icon {
		border-radius: calc(16% + 34 * (100vw - 320px) / 1600);
		margin: 0;
	}

	.theme__switch {
		top: -1.5px;
		border-radius: calc(16% + 34 * (100vw - 320px) / 1600);
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
	}

	.switch__label {
		width: 100%;
	}

	.switch__btn {
		width: 100%;
	}

	.switch__led-box {
		display: none;
		margin: 0;
	}

	.switch__led-color,
	.switch__led-glass,
	.switch__led-light {
		background-image: radial-gradient(#000, #030 42%, transparent 56%), -webkit-gradient(linear, left top, right top, color-stop(-22%, rgba(0, 0, 0, .5)), to(rgba(255, 255, 255, .5)));
		background-image: -o-radial-gradient(#000, #030 42%, transparent 56%), -o-linear-gradient(left, rgba(0, 0, 0, .5) -22%, rgba(255, 255, 255, .5));
		background-image: radial-gradient(#000, #030 42%, transparent 56%), linear-gradient(to right, rgba(0, 0, 0, .5) -22%, rgba(255, 255, 255, .5));
	}
}

@media (hover: none) and (pointer: coarse) and (max-width: 620px) and (orientation: portrait) {
	.technology__inner-wrapper {
		height: 100%;
	}

	.skill-progress {
		margin: 0 0 30px;
	}
}

@media (max-width: 620px) and (min-height: 740px) and (orientation: portrait) {
	.portfolio__scroll {
		max-height: 540px;
	}
}

@media (max-width: 620px) and (max-height: 740px) and (orientation: portrait) {
	.portfolio__scroll {
		max-height: 540px;
	}
}

@media (max-width: 600px) {
	._touch .sidebar {
		height: 98.8%;
	}
}

@media (max-width: 568px) and (orientation: landscape) {
	.menu__item {
		height: 35px;
	}

	.menu__icon {
		height: 35px;
	}
}

@media all and (max-width: 420px) and (orientation: portrait) {
	.footer__content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer__info {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.footer__logo {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.footer__social {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: 10px 0;
	}

	.footer__item:not(:last-child) {
		margin: 0 25px 0 0;
	}
}

@media (max-width: 420px) {
	.about__subtitle:before {
		letter-spacing: normal;
	}

	.skill-progress {
		justify-self: center;
	}

	section.technology .scroll-down {
		display: none;
	}

	.contact__subtitle:before {
		letter-spacing: normal;
	}
}

@media (max-width: 410px) and (max-height: 740px) and (orientation: portrait) {
	.portfolio__scroll {
		max-height: 480px;
	}
}

@media (max-width: 410px) {
	.modal__subtitle {
		text-align: center;
	}
}

@media all and (max-width: 380px) and (orientation: portrait) {
	section.contact .form__item_textarea {
		height: 70px;
	}
}

@media (max-width: 375px) and (max-height: 740px) and (orientation: portrait) {
	.portfolio__scroll {
		max-height: 500px;
	}
}

@media (max-width: 320px) {
	.menu__list {
		gap: 5px;
	}
}

@media (max-width: 420px) and (min-width: 410px) and (orientation: portrait) {
	.menu__content .hr-top {
		margin: 0 0 10px;
	}
}

@media (max-height: 640px) and (orientation: landscape) {
	._touch .on .contact__content,
	._touch .on .portfolio__content {
		padding-bottom: calc(var(--vh, 1vh) * 21);
	}
}

@media (max-height: 640px) {
	._touch .on .portfolio__scroll {
		height: 350px !important;
	}
}

@media (hover: none) and (pointer: coarse) and (orientation: landscape) {
	._touch ._block_content {
		height: 100%;
	}

	.technology__body {
		-webkit-box-align: unset;
		-ms-flex-align: unset;
		align-items: unset;
	}

	.technology__inner-wrapper {
		height: 100%;
	}
}

@media print {
	.d-print-inline {
		display: inline;
	}

	.d-print-inline-block {
		display: inline-block;
	}

	.d-print-block {
		display: block;
	}

	.d-print-grid {
		display: grid;
	}

	.d-print-table {
		display: table;
	}

	.d-print-table-row {
		display: table-row;
	}

	.d-print-table-cell {
		display: table-cell;
	}

	.d-print-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.d-print-inline-flex {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.d-print-none {
		display: none;
	}
}

@media (any-hover: hover) {
	.menu__link:hover .menu__text,
	.menu__link:hover i:before {
		color: var(--clr);
	}

	.menu__message-content:hover {
		background: var(--clr);
	}

	.menu__message-content:hover:before {
		opacity: 1;
	}

	.menu__message-content:hover i:before {
		position: relative;
		color: var(--bs-gray-400);
		z-index: 1;
	}

	.menu__message-content:hover .menu__btn-text {
		color: #f4f4f4;
	}

	.footer__link:hover {
		color: var(--clr);
	}

	.about__btn:hover {
		-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .5), 0 7px 20px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .5), 0 7px 20px 0 rgba(0, 0, 0, .2);
	}

	.about__btn:hover:before {
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	.about__btn:hover:after {
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
		visibility: visible;
		opacity: 1;
	}

	.technology__inner-content ._front:hover .skill-progress {
		-webkit-transform: translateZ(50px);
		transform: translateZ(50px);
	}

	.skill-progress:hover .inset {
		-webkit-transform: translateZ(30px) scale(.9);
		transform: translateZ(30px) scale(.9);
	}

	.portfolio__btn:hover {
		-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .5), 0 7px 20px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .5), 0 7px 20px 0 rgba(0, 0, 0, .2);
	}

	.item__picture:hover {
		-webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .5), 0 10px 25px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .5), 0 10px 25px 0 rgba(0, 0, 0, .2);
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	.item__title:hover:before {
		width: 0%;
	}

	.contact__body:hover .contact__left {
		-webkit-animation: openLeft 1s normal forwards;
		animation: openLeft 1s normal forwards;
	}

	.contact__body:hover .contact__right {
		-webkit-animation: openRight 1s normal forwards;
		animation: openRight 1s normal forwards;
	}

	.contact__body:hover .contact__left-body:before {
		-webkit-animation: ef2 3s linear infinite;
		animation: ef2 3s linear infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}

	.contact__body:hover .contact__item,
	.contact__body:hover .contact__item_overflow {
		right: -78%;
		-webkit-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
	}

	.contact__body:hover .contact__item .contact__item,
	.contact__body:hover .contact__item_overflow .contact__item {
		right: unset;
	}

	.contact__item:nth-child(2):hover,
	.contact__item:nth-child(3):hover {
		right: -5%;
	}

	.contact__item:nth-child(2):hover .contact__item-link:before,
	.contact__item:nth-child(3):hover .contact__item-link:before {
		color: var(--red-color);
		-webkit-filter: drop-shadow(0 1px 1px transparent);
		filter: drop-shadow(0 1px 1px transparent);
	}

	.contact__item_overflow:hover {
		right: -5% !important;
	}

	.contact__item_overflow:hover .contact__item-link:before {
		color: var(--red-color);
		-webkit-filter: drop-shadow(0 1px 1px transparent);
		filter: drop-shadow(0 1px 1px transparent);
	}

	.contact__item_overflow:hover .contact__item {
		right: 0 !important;
	}

	.contact__right-body:hover:before {
		-webkit-animation: ef 2s linear infinite;
		animation: ef 2s linear infinite;
		-webkit-animation-duration: 3s;
		animation-duration: 3s;
	}

	section.contact .form__button:hover .form__button-glitch,
	section.contact .form__button:hover .form__button-text:before {
		display: block;
		-webkit-animation: glitch-animation 2s linear 0s infinite;
		animation: glitch-animation 2s linear 0s infinite;
	}

	.modal__close:hover {
		border-color: #f4f4f4;
	}

	.modal__line:hover:after {
		-webkit-filter: unset;
		filter: unset;
	}

	.modal__item:hover i:before {
		color: var(--clr);
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition: all .4s ease 0s;
		-o-transition: all .4s ease 0s;
		transition: all .4s ease 0s;
	}

	.modal__item:hover a {
		color: var(--clr);
	}
}

@media (hover: none) and (pointer: coarse) and (max-height: 420px) and (orientation: landscape) {
	.skill-progress {
		margin: 0 0 30px;
	}
}

@media (hover: none) and (pointer: coarse) {
	.portfolio__scroll {
		overflow: auto;
	}
}

._webp .modal__line:after {
	background: -o-radial-gradient(transparent, #121212), url(../images/bgModal.webp) no-repeat center/100%;
}

._webp .modal__line:after {
	background: radial-gradient(transparent, #121212), url(../images/bgModal.webp) no-repeat center/100%;
}

._webp .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/webp;base64,UklGRl4AAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSCAAAAABFyAQSILaX22NiAgHBW3bsLnsb+wKYRH9D4A/leoPAFZQOCAYAAAAMAEAnQEqCAAIAAIANCWkAANwAP77lAAA);
}

._webp .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/webp;base64,UklGRl4AAABXRUJQVlA4WAoAAAAQAAAABwAABwAAQUxQSCAAAAABFyAQSILaX22NiAgHBW3bsLnsb+wKYRH9D4A/leoPAFZQOCAYAAAAMAEAnQEqCAAIAAIANCWkAANwAP77/VAA);
}