.categories-matrix>li{margin-top:2rem}
.categories-matrix .to-category-page{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
.categories-matrix .to-category-page svg{width:4rem;height:4rem;fill:currentColor}
.categories-matrix .to-category-page .landing-pre-school{width:3rem;height:3rem;fill:currentColor}
.categories-matrix .to-category-page h4{font-family:"Akrobat" !important;font-size:1.25rem !important;margin-top:1rem;text-align:center}
.categories-matrix .to-category-page .landing-pre-school-text{font-family:"AkrobatBold" !important;font-size:1.5rem !important;margin-top:0rem;text-align:center;margin-bottom:0rem;margin-left:0.5rem}
.categories-matrix .grade-links, .categories-matrix .to-all-lessons{display:none}
.preschool_categories{margin-top:2.5rem}
.preschool_categories_title{text-align:center;font-family:"AkrobatBold" !important;font-size:2rem !important}
@media (min-width: 590px){
	#to-all-categories-wrap{margin-top:1rem;margin-bottom:0.5rem;display:none}
	#categories-wrap>li{display:block}
}
@media (min-width: 1024px){
	.categories-matrix>li{margin-top:1.5rem}
	.categories-matrix .to-category-page{height:3rem;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:0.625rem}
	.categories-matrix .to-category-page	svg{width:3rem;height:3rem}
	.categories-matrix .to-category-page	h4{font-family:"AkrobatBold" !important;font-size:1.5rem !important;-webkit-align-self:flex-end;align-self:flex-end;margin-top:0;margin-left:0.25rem;text-align:left}
	.categories-matrix .to-category-page .landing-pre-school-text{font-family:"AkrobatBold" !important;font-size:2rem !important;margin-top:0rem;text-align:center;margin-bottom:0.25rem;margin-left:0.5rem}
	.categories-matrix .to-category-page #matrix-category-balgarski-ezik-za-balgari-v-chuzhbina{-webkit-align-self:center;align-self:center}
	.categories-matrix	.circle{display:block;min-width:1.75rem;min-height:1.75rem;font-family:"AkrobatBold" !important;font-size:1rem !important;text-align:center;padding:0	0.375rem;margin-right:0.25rem;line-height:1.625rem;border-radius:1.75rem;border:0.0625rem solid #D2D4D7;color:#434D66}
	.categories-matrix .circle:hover{background:#00A2FF;border:0.0625rem solid #00A2FF;color:#fff}
	.categories-matrix	.circle.disabled{background:#F0F3F5;border:0.0625rem solid #F0F3F5;color:#D2D4D7}
	.categories-matrix .circle.disabled:hover{cursor:default}
	.categories-matrix .grade-links{display:-webkit-flex;display:flex}
	.categories-matrix .to-all-lessons{display:block;width:7.25rem}
	.categories-matrix .matrix-category-54	.circle{padding:0	.5rem}
	.categories-matrix .item-preparation	a{padding-left:0.625rem;padding-right:0.625rem}
	.categories-matrix .item-preparation{width:10.3125rem !important}
	.matrix-category-60	.circle{padding:0	0.625rem}
	.matrix-category-61	.circle{padding:0	0.625rem}
	.matrix-category-62	.circle{padding:0	0.625rem}
	.preschool_categories{padding-bottom:0rem}
	.preschool_categories_title{text-align:center;line-height:4.3125rem;font-family:"AkrobatBold" !important;font-size:3rem !important}
}
@media (min-width: 500px){
	.categories-matrix	.circle{display:block;min-width:1.75rem;min-height:1.75rem;font-family:"AkrobatBold" !important;font-size:1rem !important;text-align:center;padding:0	0.375rem;margin-right:0.25rem;line-height:1.625rem;border-radius:1.75rem;border:0.0625rem solid #D2D4D7;color:#434D66}
	.categories-matrix .circle:hover{background:#00A2FF;border:0.0625rem solid #00A2FF;color:#fff}
	.categories-matrix	.circle.disabled{background:#F0F3F5;border:0.0625rem solid #F0F3F5;color:#D2D4D7}
	.categories-matrix .circle.disabled:hover{cursor:default}
	.categories-matrix .grade-links{display:-webkit-flex;display:flex}
}
#lessons-page #lessons-main-title{margin:0.6875rem 0;font-family:"AkrobatBold" !important;font-size:1.5rem !important}
@media (min-width: 1024px){
	#lessons-page #lessons-main-title{margin:1.5rem 0;font-family:"AkrobatBold" !important;font-size:3rem !important}
}
#lessons-page #lessons-main-title #selected-class{font-family:"AkrobatBold" !important;font-size:1.125rem !important}
@media (min-width: 1024px){
	#lessons-page #lessons-main-title #selected-class{font-family:"AkrobatBold" !important;font-size:2rem !important}
}