.fs1{
	font-size:7rem;
}
.fs2{
	font-size:1.5rem;
}
.fs3{
	font-size:1rem;
}
.fs4{
	font-size:0.9rem;
}
.fs5{
	font-size:1.4rem;
}
.fs6{
	font-size:1.2rem;
}
.fs7{
	font-size:5rem;
}
.fs8{
	font-size:2rem;
}
.fs9{
	font-size:3rem;
}
.fs10{
	font-size:6rem;
}
.fs11{
	font-size:1.3rem;
}
.fs12{
	font-size:2.2rem;
}
.fc1{
	color:rgba(255,255,255,1);
	color:var(--color1);
}
.fc2{
	color:rgba(0,0,0,0.9);
	color:var(--color9);
}
.fc3{
	color:rgba(255,255,255,1);
	color:var(--color1);
}
.fc3:hover{
	color:rgba(0,0,0,0.9);
	color:var(--color9);
}
.fc4{
	color:rgba(190, 153, 255, 1);
	color:var(--color16);
}
.fc5{
	color:rgba(255, 255, 255, 0.4);
	color:var(--color19);
}
.fc6{
	color:rgba(0, 0, 0, 1);
	color:var(--color14);
}
.fc6:hover{
	color:rgba(255, 255, 255, 1);
	color:var(--color1);
}
.fc7{
	color:rgba(0,0,0,1);
	color:var(--color6);
}
.fc8{
	color:var(--color3);
}
.fc9{
	color:var(--color9);
}
.fc10{
	color:var(--color11);
}
.fc11{
	color:var(--color12);
}
.fc12{
	color:var(--color19);
}
.fc13{
	color:var(--color23);
}
.fc14{
	color:var(--color26);
}
.fc15{
	color:var(--color20);
}
.fc16{
	color:var(--color36);
}
.fc17{
	color:var(--color37);
}
.fc18{
	color:var(--color38);
}
.fc19{
	color:var(--color39);
}
.fc20{
	color:var(--color40);
}
.fls1{
	letter-spacing:0.2rem;
}
.fls2{
	letter-spacing:0.1rem;
}
.fls3{
	letter-spacing:0.3rem;
}
.flh1{
	line-height:1.1rem;
}
.flh2{
	line-height:1.4rem;
}
.f-bold{
	font-weight:bold;
}


/*Важлива деталь: грузяться тільки ті шрифти, які використовуються в головному документі. Бо тут 14Мб, а це багато.*/

.ff-arial{
	font-family:'Arial';
}
.ff-spacemono-reg{
	font-family:'SpaceMono-Regular';
}
.ff-rbt-blk{
	font-family:'Roboto-Black';
}
.ff-rbt-blk-it{
	font-family:'Roboto-BlackItalic';
}
.ff-rbt-bld{
	font-family:'Roboto-Bold';
}
.ff-rbt-bld-it{
	font-family:'Roboto-BoldItalic';
}
.ff-rbt-it{
	font-family:'Roboto-Italic';
}
.ff-rbt-reg{
	font-family:'Roboto-Regular';
}
.ff-rbt-thn{
	font-family:'Roboto-Thin';
}
.ff-rbt-thn-it{
	font-family:'Roboto-ThinItalic';
}
.ff-rbt-md{
	font-family:'Roboto-Medium';
}
.ff-rbt-md-it{
	font-family:'Roboto-MediumItalic';
}
.ff-rbt-lgt{
	font-family:'Roboto-Light';
}
.ff-rbt-lgt-it{
	font-family:'Roboto-LightItalic';
}
.ff-mnst-bld{
	font-family:'Montserrat-Bold';
}
.ff-mnst-bl{
	font-family:'Montserrat-Black';
}
.ff-mnst-bl-it{
	font-family:'Montserrat-BlackItalic';
}
.ff-mnst-bld-it{
	font-family:'Montserrat-BoldItalic';
}
.ff-mnst-ex-bld{
	font-family:'Montserrat-ExtraBold';
}
.ff-mnst-ex-bld-it{
	font-family:'Montserrat-ExtraBoldItalic';
}
.ff-mnst-ex-lgt{
	font-family:'Montserrat-ExtraLight';
}
.ff-mnst-ex-lgt-it{
	font-family:'Montserrat-ExtraLightItalic';
}
.ff-mnst-it{
	font-family:'Montserrat-Italic';
}
.ff-mnst-lgt{
	font-family:'Montserrat-Light';
}
.ff-mnst-lgt-it{
	font-family:'Montserrat-LightItalic';
}
.ff-mnst-md{
	font-family:'Montserrat-Medium';
}
.ff-mnst-md-it{
	font-family:'Montserrat-MediumItalic';
}
.ff-mnst-reg{
	font-family:'Montserrat-Regular';
}
.ff-mnst-sm-bld{
	font-family:'Montserrat-SemiBold';
}
.ff-mnst-sm-bld-it{
	font-family:'Montserrat-SemiBoldItalic';
}
.ff-mnst-thn{
	font-family:'Montserrat-Thin';
}
.ff-mnst-thn-it{
	font-family:'Montserrat-ThinItalic';
}
.ff-intr-bl{
	font-family:'Inter-Black';
}
.ff-intr-bld{
	font-family:'Inter-Bold';
}
.ff-intr-ex-bld{
	font-family:'Inter-ExtraBold';
}
.ff-intr-ex-lgt{
	font-family:'Inter-ExtraLight';
}
.ff-intr-lgt{
	font-family:'Inter-Light';
}
.ff-intr-md{
	font-family:'Inter-Medium';
}
.ff-intr-reg{
	font-family:'Inter-Regular';
}
.ff-intr-sm-bld{
	font-family:'Inter-SemiBold';
}
.ff-intr-thn{
	font-family:'Inter-Thin';
}

@font-face{
	font-family:'Roboto-Black';
	src:url(../styles/fonts/Roboto-Black.ttf);
	src:url(../styles/fonts/Roboto-Black.otf);
}
@font-face{
	font-family:'Roboto-BlackItalic';
	src:url(../styles/fonts/Roboto-BlackItalic.ttf);
	src:url(../styles/fonts/Roboto-BlackItalic.otf);
}
@font-face{
	font-family:'Roboto-Bold';
	src:url(../styles/fonts/Roboto-Bold.ttf);
	src:url(../styles/fonts/Roboto-Bold.otf);
}
@font-face{
	font-family:'Roboto-BoldItalic';
	src:url(../styles/fonts/Roboto-BoldItalic.ttf);
	src:url(../styles/fonts/Roboto-BoldItalic.otf);
}
@font-face{
	font-family:'Roboto-Italic';
	src:url(../styles/fonts/Roboto-Italic.ttf);
	src:url(../styles/fonts/Roboto-Italic.otf);
}
@font-face{
	font-family:'Roboto-Light';
	src:url(../styles/fonts/Roboto-Light.ttf);
	src:url(../styles/fonts/Roboto-Light.otf);
}
@font-face{
	font-family:'Roboto-LightItalic';
	src:url(../styles/fonts/Roboto-LightItalic.ttf);
	src:url(../styles/fonts/Roboto-LightItalic.otf);
}
@font-face{
	font-family:'Roboto-Medium';
	src:url(../styles/fonts/Roboto-Medium.ttf);
	src:url(../styles/fonts/Roboto-Medium.otf);
}
@font-face{
	font-family:'Roboto-MediumItalic';
	src:url(../styles/fonts/Roboto-MediumItalic.ttf);
	src:url(../styles/fonts/Roboto-MediumItalic.otf);
}
@font-face{
	font-family:'Roboto-Regular';
	src:url(../styles/fonts/Roboto-Regular.ttf);
	src:url(../styles/fonts/Roboto-Regular.otf);
}
@font-face{
	font-family:'Roboto-Thin';
	src:url(../styles/fonts/Roboto-Thin.ttf);
	src:url(../styles/fonts/Roboto-Thin.otf);
}
@font-face{
	font-family:'Roboto-ThinItalic';
	src:url(../styles/fonts/Roboto-ThinItalic.ttf);
	src:url(../styles/fonts/Roboto-ThinItalic.otf);
}
@font-face{
	font-family:'SpaceMono-Bold';
	src:url(../styles/fonts/SpaceMono-Bold.ttf);
	src:url(../styles/fonts/SpaceMono-Bold.otf);
}
@font-face{
	font-family:'SpaceMono-Italic';
	src:url(../styles/fonts/SpaceMono-Italic.ttf);
	src:url(../styles/fonts/SpaceMono-Italic.otf);
}
@font-face{
	font-family:'SpaceMono-Regular';
	src:url(../styles/fonts/SpaceMono-Regular.ttf);
	src:url(../styles/fonts/SpaceMono-Regular.otf);
}
@font-face{
	font-family:'SpaceMono-BoldItallic';
	src:url(../styles/fonts/SpaceMono-BoldItalic.ttf);
	src:url(../styles/fonts/SpaceMono-BoldItalic.otf);
}
@font-face{
	font-family:'Monsterrat-Black';
	src:url(../styles/fonts/Montserrat-Black.ttf);
	/*src:url(../styles/fonts/Montserrat-Black.otf);*/
}
@font-face{
	font-family:'Montserrat-BlackItalic';
	src:url(../styles/fonts/Montserrat-BlackItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-BlackItalic.otf);*/
}
@font-face{
	font-family:'Montserrat-Bold';
	src:url(../styles/fonts/Montserrat-Bold.ttf);
	/*src:url(../styles/fonts/Montserrat-Bold.otf);*/
}
@font-face{
	font-family:'Montserrat-BoldItalic';
	src:url(../styles/fonts/Montserrat-BoldItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-BoldItalic.otf);*/
}
@font-face{
	font-family:'Montserrat-ExtraBold';
	src:url(../styles/fonts/Montserrat-ExtraBold.ttf);
	/*src:url(../styles/fonts/Montserrat-ExtraBold.otf);*/
}
@font-face{
	font-family:'Montserrat-ExtraBoldItalic';
	src:url(../styles/fonts/Montserrat-ExtraBoldItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-ExtraBoldItalic.otf);*/
}
@font-face{
	font-family:'Montserrat-ExtraLight';
	src:url(../styles/fonts/Montserrat-ExtraLight.ttf);
	/*src:url(../styles/fonts/Montserrat-ExtraLight.otf);*/
}
@font-face{
	font-family:'Montserrat-ExtraLightItalic';
	src:url(../styles/fonts/Montserrat-ExtraLightItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-ExtraLightItalic.otf);*/
}
@font-face{
	font-family:'Montserrat-Italic';
	src:url(../styles/fonts/Montserrat-Italic.ttf);
	/*src:url(../styles/fonts/Montserrat-Italic.otf);*/
}
@font-face{
	font-family:'Montserrat-Light';
	src:url(../styles/fonts/Montserrat-Light.ttf);
	/*src:url(../styles/fonts/Montserrat-Light.otf);*/
}
@font-face{
	font-family:'Montserrat-LightItalic';
	src:url(../styles/fonts/Montserrat-LightItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-LightItalic.otf);*/
}
@font-face{
	font-family:'Montserrat-Medium';
	src:url(../styles/fonts/Montserrat-Medium.ttf);
	/*src:url(../styles/fonts/Montserrat-Black.otf);*/
}
@font-face{
	font-family:'Montserrat-MediumItalic';
	src:url(../styles/fonts/Montserrat-MediumItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-MediumItalic.otf);*/
}
@font-face{
	font-family:'Montserrat-Regular';
	src:url(../styles/fonts/Montserrat-Regular.ttf);
	/*src:url(../styles/fonts/Montserrat-Regular.otf);*/
}
@font-face{
	font-family:'Montserrat-SemiBold';
	src:url(../styles/fonts/Montserrat-SemiBold.ttf);
	/*src:url(../styles/fonts/Montserrat-SemiBold.otf);*/
}
@font-face{
	font-family:'Montserrat-SemiBoldItalic';
	src:url(../styles/fonts/Montserrat-SemiBoldItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-SemiBoldItalic.otf);*/
}
@font-face{
	font-family:'Montserrat-Thin';
	src:url(../styles/fonts/Montserrat-Thin.ttf);
	/*src:url(../styles/fonts/Montserrat-Thin.otf);*/
}
@font-face{
	font-family:'Montserrat-ThinItalick';
	src:url(../styles/fonts/Montserrat-ThinItalic.ttf);
	/*src:url(../styles/fonts/Montserrat-ThinItalic.otf);*/
}
@font-face{
	font-family:'Inter-Black';
	src:url(../styles/fonts/Inter-Black.ttf);
}
@font-face{
	font-family:'Inter-Bold';
	src:url(../styles/fonts/Inter-Bold.ttf);
}
@font-face{
	font-family:'Inter-ExtraBold';
	src:url(../styles/fonts/Inter-ExtraBold.ttf);
}
@font-face{
	font-family:'Inter-ExtraLight';
	src:url(../styles/fonts/Inter-ExtraLight.ttf);
}
@font-face{
	font-family:'Inter-Light';
	src:url(../styles/fonts/Inter-Light.ttf);
}
@font-face{
	font-family:'Inter-Medium';
	src:url(../styles/fonts/Inter-Medium.ttf);
}
@font-face{
	font-family:'Inter-Regular';
	src:url(../styles/fonts/Inter-Regular.ttf);
}
@font-face{
	font-family:'Inter-SemiBold';
	src:url(../styles/fonts/Inter-SemiBold.ttf);
}
@font-face{
	font-family:'Inter-Thin';
	src:url(../styles/fonts/Inter-Thin.ttf);
}



@font-face {
    font-family: 'Philosopher';
    src: local('Philosopher'), url('../styles/fonts/philosopher.woff2') format('woff2'), url('../styles/fonts/philosopher.woff') format('woff'), url('../styles/fonts/philosopher.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Philosopher';
    src: local('Philosopher Italic'), local('Philosopher-Italic'), url('../styles/fonts/philosopheritalic.woff2') format('woff2'), url('../styles/fonts/philosopheritalic.woff') format('woff'), url('../styles/fonts/philosopheritalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Philosopher';
    src: local('Philosopher Bold'), local('Philosopher-Bold'), url('../styles/fonts/philosopherbold.woff2') format('woff2'), url('../styles/fonts/philosopherbold.woff') format('woff'), url('../styles/fonts/philosopherbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Philosopher';
    src: local('Philosopher Bold Italic'), local('Philosopher-BoldItalic'), url('../styles/fonts/philosopherbolditalic.woff2') format('woff2'), url('../styles/fonts/philosopherbolditalic.woff') format('woff'), url('../styles/fonts/philosopherbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
.ff-phl-reg{
	font-family:'Philosopher';
	font-weight:400;
	font-style:normal;
}
.ff-phl-bld{
	font-family:'Philosopher';
	font-weight:700;
	font-style:normal;
}

@media screen and (max-width:1400px){
	.fs10{
		font-size:5rem;
	}
	.fs7{
		font-size:4.7rem;
	}
}

@media screen and (max-width:1000px){
	.fs10{
		font-size:4rem;
	}
	.fs8{
		font-size:1.8rem;
	}
	.fs7{
		font-size:3.7rem;
	}
	.fs9{
		font-size:2.5rem;
	}
}

@media screen and (max-width:800px){
	.fs8{
		font-size:1.8rem;
	}
	.fs7{
		font-size:3.5rem;
	}
	.fs9{
		font-size:2.1rem;
	}
}

@media screen and (max-width:600px){
	.fs10{
		font-size:3.9rem;
	}
	.fs8{
		font-size:1.6rem;
	}
	.fs7{
		font-size:3.3rem;
	}
	.fs9{
		font-size:1.9rem;
	}
}