@import url("fonts/abel/stylesheet.css");
:root {
	--mainColor_changeLater: #FF9900;
	--mainMenuBgColor_changeLater: #000000;
	--mainTextHoverColor_changeLater: #6673d9;

	--buttonColor_changeLater: #FF9900;
	--colorButtonsHover_changeLater: #ffa173;

	--colorTextLight_changeLater: #ffffff;
	--colorTextDark_changeLater: #000000;
	
	--iconsColor_changeLater: invert(82%) sepia(44%) saturate(7439%) hue-rotate(142deg) brightness(100%) contrast(76%);



	--menuNewBackgroundStyle: ;
}
body {
	font-family: Abel!important;
	background-color: #ffffff;
}
h1 {
	font-size: 3.5vw;
	font-weight: 600;
}

.HeaderPhone {
	text-decoration: none;
	color: #000000;
	font-weight: 600;
	font-size: 1.5vw;
}

.menuNewOuterWrapper {
	/*background-color: #f0f0f0;*/
	background-image: url(img/headerBackground6.webp);
}
.menuMainBlockWithImagesWrapper {
	width: 66.6%;
	padding-bottom: 80px;
	margin-top: -80px;
}
.menuMainBlockWithImagesWrapper img {
	border-radius: 15px;
	max-width: 100%;
}
.menuMainBlockWithImagesLeftWrapper {
	padding-top: 150px;
}
.menuMainBlockWithImagesRightWrapper {
	padding-top: 100px;
}
.menuMainBlockWithImagesLeftImage {
	transform: rotate(-10deg);
}
.menuMainBlockWithImagesRightImage {
	transform: rotate(10deg);
}
.menuMainBlockWithImagesWrapper span {
	font-size: 1.2vw;
	font-weight: 600;
}
.menuMainBlockWithImagesWrapper a {
	font-size: 1.2vw;
	font-weight: 600;
}
.menuMainBlockWithImagesWrapper .btn {
	margin-top: 20px;
}

.contentWrapper {
	padding-top: 70px;
}
.contentWrapper h2 {
	font-size: 2.5vw;
	font-weight: 500;
}

.featureBlockSingleItem {
	aspect-ratio: 16/10;
	border-radius: 10px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 30px 30px 20px 30px;
	background-size: cover;
	min-width: 30%;
	max-width: 30%;
}

.fbOne {
	background-image: url(img/featuresBackground_1.webp);
}
.fbTwo {
	background-image: url(img/featuresBackground_2.webp);
}
.fbThree {
	background-image: url(img/featuresBackground_3.webp);
}

.featureBlockSingleItem h3 {
	font-size: 2vw;
	font-weight: 600;
	margin-bottom: 0px;
	padding-left: 5px;
}
.featureBlockSingleItem span {
	font-size: 1.2vw;
	font-weight: 600;
}

.howToBlockWrapper {
	margin-top: 70px;
	padding-bottom: 70px;
	background-image: url(img/howToBackground_2.webp);
}

.howToBlockSingleItemWithText {
	aspect-ratio: 16/7;
	border-radius: 10px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 30px 10px 30px;
	background-size: cover;
	min-width: 30%;
	max-width: 30%;
	background-color: #ffffff;
	margin: auto;
}
.howToBlockSingleItemWithText h3 {
	color: #E1E1E1;
	font-size: 2vw;
	font-weight: 400;
}
.howToBlockSingleItemWithText span {
	font-size: 1vw;
	font-weight: 400;
}
.howToBlockSingleItemWithImage {
	min-width: 30%;
	max-width: 30%;

}
.howToBlockSingleItemWithImage img {
	max-width: 70%;
	border-radius: 10px;
}
.tiltImageOne {
	transform: rotate(-3deg);
}
.tiltImageTwo {
	transform: rotate(-2deg);
}
.tiltImageThree {
	transform: rotate(3deg);
}
.tiltImageFour {
	transform: rotate(1deg);
}
.tiltImageFive {
	transform: rotate(359deg);
}

.showOtzyvButton {
	width: 50%;
}
.studentCardWrapper {
	height: 100%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.studentCardWrapper p {
	font-size: 1vw;
	margin-bottom: 0.4vw;
}
.studentLineWrapper {
	background-color: #ffffff;
	border-radius: 15px;
	border-width: 2px;
	border-color: #E1E1E1;
	border-style: solid;
	max-width: 80%;
	margin-top: 15px;
}
.studentLineWrapper img {
	max-width: 100%;
	padding: 10px 10px 10px 10px;
}
.studentPhotoWrapper {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.studentPhotoWrapper img {
	max-width: 80%;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
}
.studentPhotoWrapper h3 {
	font-size: 1.2vw;
	max-width: 80%;
	font-weight: 600;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.navigationNewWrapper {
	padding-top: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}



.navigation-wrapper {
  position: relative;
}

.dots {
  display: flex;
  padding: 10px 0;
  justify-content: center;
}

.dot {
  border: none;
  width: 10px;
  height: 10px;
  background: #c5c5c5;
  border-radius: 50%;
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
}

.dot:focus {
  outline: none;
}

.dot--active {
  background: #000;
}

.arrow {
  width: 30px;
  height: 30px;
  position: relative;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: #fff;
  cursor: pointer;
  background-color: var(--mainColor_changeLater);
  border-radius: 50%;
  padding: 10px;
  top: 15px;
}
.arrow:hover {
	background-color: var(--colorButtonsHover_changeLater);
}

.arrow--left {
  left: 5px;
  fill: "#fff";
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.arrow--right {
  left: auto;
  right: 5px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}

.arrow--disabled.arrow--left {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}

.arrow--disabled.arrow--right {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}


.warrantyFeatureBlockWrapper {
	margin-top: 70px;
	padding-bottom: 70px;
	background-image: url(img/howToBackground_2.webp);
}
.warrantyFeatureTextBlockWrapper {
	background-color: #ffffff;
	text-align: left;
	clip-path: polygon(0% 0%, 100% 10%, 90% 95%, 5% 90%);
	padding: 20px 55px 28px 20px;
	margin-right: 50px;
	font-size: 1.2vw;
}
.warrantyFeatureShortBlockWrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.warrantyFeatureShortBlockWrapper span {
	font-weight: 600;
}
.warrantyFeatureShortBlockWrapper img {
	border-radius: 25px;
}

.warrantyFeatureShortBlockLeft {
	text-align: center;
	background-color: #ffffff;
	clip-path: polygon(12% 21%, 88% 2%, 91% 90%, 11% 98%);
	padding: 20px 20px 20px 20px;
	transform: rotate(3deg);
	font-size: 1.2vw;
	margin-left: -20px;
}

.warrantyFeatureShortBlockRight {
	text-align: center;
	background-color: #ffffff;
	clip-path: polygon(0% 12%, 100% 10%, 90% 95%, 5% 90%);
	padding: 35px 35px 35px 35px;
	transform: rotate(-3deg);
	font-size: 1.5vw;
	margin-left: 80px;
}

.personalTutorTextBlock {
	border-radius: 10px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 15px 10px 15px;
	background-size: cover;
	min-width: 90%;
	max-width: 90%;
	background-color: #ffffff;
	border-color: #E1E1E1;
	border-width: 2px;
	border-style: solid;
	margin: 5px;
}
.personalTutorTextBlock h3 {
	color: #E1E1E1;
	font-size: 1.5vw;
	font-weight: 400;
}
.personalTutorTextBlock span {
	font-size: 1vw;
	font-weight: 600;
}

.personalTutorMainWrapper img {
	width: 100%;
	max-height: 700px;
	object-fit: contain;
}

.formBlockWrapper form {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.formBlockContentPart {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url(img/formBlockBackground.webp);
	border-radius: 15px 0px 0px 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.formBlockContentPart ul {
	text-align: left;
	font-size: 1.1vw;
	font-weight: 400;
}
.formBlockContentPart li {
	list-style-image: url(img/checkmark.svg);
}
.formBlockContentPart .buttonBigFont {
	font-size: 1.2vw;
	font-weight: 600;
	min-width: 70%;
}
.formBlockContentPart h2 {
	font-size: 1.6vw;
}
.formBlockContentPart h3 {
	font-size: 1.3vw;
}
.formBlockImagePart img {
	border-radius: 15px;
	/*max-width: 100%;*/
}

.callbackFormErrorMessage h4 {
	text-align: center;
	color: #ff0000;
}
.callbackFormButtonWrapper {
	text-align: center;
}
.callbackFormButtonWrapper span {
	font-size: 0.7rem;
}
.callbackFormButtonWrapper div {
	padding: 10px 10px 10px 10px;
}
.callbackFormButtonWrapper a {
	color: var(--mainColor_changeLater)!important;
}

.buttonStyleOnButton {
	color: var(--colorTextLight_changeLater);
	background-color: var(--mainColor_changeLater);
	border-color: var(--buttonColor_changeLater);
}
.buttonStyleOnButton:hover {
	background-color: var(--colorButtonsHover_changeLater);
	border-color: var(--colorButtonsHover_changeLater);;
	color: var(--colorTextLight_changeLater);
}
.callbackFormInputFieldsWrapper {
	/*padding-bottom: 20px;*/
}
.callbackFormInputFieldsWrapper div {
	padding: 10px;
}
.callbackFormInputFieldsWrapper .callbackFormErrorMessage {
	padding: 0px;
}
.callbackFormButtonWrapper .buttonStyleOnButton {
	width: 100%;
}
.callbackFormButtonWrapper .popupButtonWrapper.buttonStyleOnButton {
	width: 34%;
}

.footerOuterWrapper {
	background-image: url(img/headerBackground6.webp);
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 70px;
}
.footerOuterWrapper .HeaderText {
	color: #000000;
}
.footerOuterWrapper .HeaderEmail {
	color: #000000;
}
.footerOuterWrapper .HeaderPhone {
	color: #000000;
}

.osnovatelBlockWrapper {
	margin-top: 70px;
	padding-bottom: 70px;
	background-image: url(img/howToBackground_2.webp);
	background-size: cover;
}
.osnovatelBlockWrapper img {
	max-width: 100%;
	border-radius: 15px;
}
.osnovatelBlockWrapper h2 {
	padding-left: 7px;
}
.osnovatelBlockImageWrapper {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 30px;
}
.osnovatelBlockTextWrapper {
	padding: 30px;
	text-align: left;
}
.osnovatelBlockBaground {
	background-color: #ffffff;
	padding: 20px 20px 20px 20px;
	margin: 7px;
	border-radius: 15px;
}
.osnovatelBlockBaground h3 {
	font-size: 2.2vw;
}
.osnovatelBlockBaground span {
	font-size: 1.2vw;
}

.priceListIndividualPricesWrapper {
	margin-right: 50px;
}
.priceListIndividualPriceItem {
	aspect-ratio: 16/10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 16px;
	text-align: left;
	padding: 35px 35px 35px 25px;
	border-radius: 15px;
}
.priceListIndividualPriceItem p {
	font-size: 1.2vw;
	margin-bottom: 0px;
}
.priceListIndividualPriceItem h3>span {
	font-size: 1vw;
	margin-bottom: 0px;
}
.priceListTextBlock1 {
	background-color: #F7F7F7;
	text-align: left;
	clip-path: polygon(0% 3%, 97% 8%, 92% 89%, 1% 94%);
	padding: 25px 67px 40px 30px;
	font-size: 1.2vw;
}
.priceListTextBlock2 {
	background-color: #F7F7F7;
	text-align: left;
	clip-path: polygon(2% 1%, 94% 4%, 95% 78%, 1% 96%);
	padding: 25px 75px 40px 37px;
	font-size: 1.2vw;
}

.pricesBackgroundStyle1 {
	background-image: url(img/pricesBackground_1.webp);
	background-size: cover;
}
.pricesBackgroundStyle2 {
	background-image: url(img/pricesBackground_2.webp);
	background-size: cover;
}
.accordion-button {
	font-size: 1.2vw;
	font-weight: 600;
}
.accordion-body {
	font-size: 1.1vw;
	text-align: left;
}
.faqInnerWrapper {
	display: flex;
	justify-content: center;
	flex-direction: row;
	min-height: 434px;
}
.faqToggleButtons {
	background-color: #F7F7F7;
	padding: 20px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: start;
}
.faqToggleButtons span {
	border-bottom: solid;
	border-width: 2px;
	border-color: #E1E1E1;
	font-size: 1.2vw;
	padding: 10px 10px 5px 10px;
	margin-bottom: 5px;
}

.faqToggleButtons .selected {
	background-color: #e1e1e1;
	border-radius: 5px;
}
.accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #E1E1E1;
}































/*footer {
	margin-top: 70px;
}*/



.HeaderEmail {
	color: #000000;
	font-weight: 600;
}
.HeaderText {
	color: #000000;
	font-weight: 600;
}


.MenuOuterWrapper {
	background-color: var(--mainMenuBgColor_changeLater)!important;
}
.MenuOuterWrapper a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 0px 20px 0px 20px;
}
.MenuOuterWrapper a:hover {
	color: var(--mainColor_changeLater)!important;
}

.menuItem {
	padding: 1rem;
}
.socialWrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: start;
}


.FooterIcon {
	color: #ffffff;
}

.callButton {
	font-size: 1.5em;
}



.bgSlider {
	background-size: cover;
	width:100%;
	height:400px;
	margin: 0 auto;
}
.bgSlider1 {
	background-image: url(img/slider1.webp);
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0);
}
.bgSlider2 {
	background-image: url(img/slider2.webp);
}
.bgSlider3 {
	background-image: url(img/slider3.webp);
}

.fadeOut {
	animation-name: fadeOut;
	animation-duration: 0.7s;
}
@keyframes fadeOut {
  from {
  	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0);
  }
  to {
  	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0.5);
  }
}

.fadeIn {
	animation-name: fadeIn;
	animation-duration: 0.3s;
}
@keyframes fadeIn {
  from {
  	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0.5);
  }
  to {
  	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0);
  }
}

.sliderDivWrapper {
	background-color: #ffffffc2;
	padding: 50px;
	border-radius: 15px;
	max-width: 50%;
}

.textWrapper {
	padding-top: 70px;
}

.catalogItemWrapper {
	padding: 20px;
}
.catalogItemHeader {
	text-align: center;
	color: #ffffff!important;
	font-weight: bold;
	text-transform: uppercase;
	user-select: none;
	margin: 20px;
}
.catalogItem {
	width: 100%;
	aspect-ratio: 1/1;
	max-width: 400px;
	max-height: 400px;
	background-size: cover;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
}

.catalogItemHeaderFadeOut {
	animation-name: catalogItemHeaderFadeOut;
	animation-duration: 0.4s;
	animation-fill-mode: forwards;
}
@keyframes catalogItemHeaderFadeOut {
  from {
  	opacity: 1;
  }
  to {
  	opacity: 0;
  }
}
.catalogItemImageFadeIn {
	animation-name: catalogItemImageFadeIn;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes catalogItemImageFadeIn {
  from {
  	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
  }
  to {
  	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0);
  }
}

.intermediaBlock h2 {
	text-align: center;
}
.intermediaBlock h5 {
	text-align: center;
}
.intermediaBlock h6 {
	text-align: center;
}
.intermediaBlock p {
	text-align: center;
}
.intermediaBlock img {
	max-width: 150px;
	max-height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.intermediaBlockItemsWrapper {
	padding-top: 50px;
}
.intermediaBlockItemsWrapper div {
	padding-right: 20px;
	padding-left: 20px;
}
.intermediaBlockItemsWrapper img {
	-webkit-filter: var(--iconsColor_changeLater);
}




.carouselWrapper {
	max-width: 70%;
	/*min-width: 50%;*/
	width: 1400px;
}
.carouselWrapper img {
	border-radius: 30px;
	max-width: 80%;
	height: auto;
	width: auto\9;
}
.carouselWrapper h2 {
	text-align: center;
	padding-bottom: 20px;
}
.carouselWrapper h3 {
	text-align: center;
}

[class^="number-slide"],
[class*=" number-slide"] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  max-height: 100vh;
}




.featureWrapper h2 {
	text-align: center;
	padding-bottom: 20px;
}
.featureWrapperItemIcon {
	padding: 20px;
}
.featureWrapperItemIcon img {
	-webkit-filter: var(--iconsColor_changeLater);
}
.featureWrapperItemInfo {
	padding: 10px;
}
.featureWrapperItemInfo h3 {
	font-weight: 600;
	padding-bottom: 20px;
}
.featureWrapperItemInfo p {
	max-width: 80%;
}


.contactsWrapper {
	background-image: url(img/contactsBackground.webp);
	min-height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contactsBlock {
	border-radius: 25%;
	background-color: #ffffffe3;
	padding: 50px;
}
.contactsBlock p {
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	margin-top: 20px;
}

.contactsBlock h2 {
	text-align: center;
}
.contactsBlock .HeaderPhone {
	color: var(--mainColor_changeLater)!important;
}
.contactsBlock .HeaderEmail {
	color: var(--mainColor_changeLater)!important;
}
.contentWrapper.contactsWrapper {
	padding-top: 0px;
	margin-top: 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.singlePageContent {
	padding-bottom: 100px;
}
.singlePageContent img {
	float: right;
	margin: 10px;
}

/*.callbackFormNameWrapper {
	margin-left: auto;
	margin-right: auto;
}
.callbackFormPhoneWrapper {
	margin-left: auto;
	margin-right: auto;
}*/

.callbackFormWrapper h4 {
	text-align: center;
	font-size: 2vw;
}


.form-control:focus {
	border-color: var(--mainColor_changeLater)!important;
	box-shadow: 0 0 0 0.2rem var(--mainColor_changeLater)!important;
}

.pageCounterWrapper {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}
.pageCounterWrapper a {
	text-decoration: none;
	font-size: 1.5rem;
}
.pageCounterWrapper span {
	color: var(--mainMenuBgColor_changeLater);
}
.pageCounterCurrent span {
	color: #ffffff!important;
	cursor: pointer;
}
.pageCounterButtonWrapper {
	padding: 10px;
	border-radius: 50%;
	aspect-ratio: 1/1;
	width: 50px;
	height: 50px;
}
.pageCounterButtonWrapper:hover {
	background-color: var(--mainColor_changeLater);
}
.pageCounterButtonWrapper:hover span{
	color: #ffffff!important;
}
.pageCounterCurrent {
	background-color: var(--mainColor_changeLater);
}

.feedLinkWrapper {
	padding: 10px;
}
.feedLinkWrapper span {
	color: var(--mainMenuBgColor_changeLater);
	text-align: left;
}
.feedLinkWrapper a {
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--mainColor_changeLater);
}
.feedLinkWrapper p {
	padding-top: 10px;
	text-align: left;
	font-size: 1rem!important;
}
.finalButton {
	padding-top: 20px;
	text-align: center;
}
.copyFooter {
	padding-top: 5px;
	padding-bottom: 5px;
}
.copyFooter p {
	text-align: center;
	color: #ffffff;
	padding: 0px!important;
	margin: 0px!important;
}
.copyFooter a {
	color: var(--mainColor_changeLater)!important;
}

.popupHidden {
	display: none;
}
.popupWrapper {
	z-index: 9999;
	background-color: #ffffff;
	position: fixed;
	padding: 50px;
	border-radius: 15px;
	max-width: 50%;
}
.popupWrapper p {
	text-align: center;
	font-size: 1.2rem;
}
.popupLock {
	overflow: -moz-scrollbars-vertical;
	overflow-y: hidden;
	margin-right: 17px;
	/*position: fixed;*/
}

.popupShade {
	background-color: #00000091;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9;
}

.closePopupButton {
	cursor: pointer;
	float: right;
	width: 25px;
	height: 25px;
}

.popupMessage {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.popupMessage h4 {
	text-align: center;
}



.footerMainContent_changeLater {
	background-color: var(--mainMenuBgColor_changeLater);
}
.urovniVladeniya {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 10px;
}
.urovniVladeniya div {
	display: flex;
	flex-direction: column;
	justify-content: end;
	text-align: center;
}
.urovenLine:before {
	display: block;
  content: '';
  position: relative;
  width: 60%;
  height: 4px;
  background: #E1E1E1;
  top: 55%;
  left: -30%;
}
.urovenLine20 {
	width: 20%;
}
.urovenLine25 {
	width: 25%;
}
.urovniVladeniya img {
	margin-left: auto;
	margin-right: auto;
}
.urovniVladeniya img {
	padding: 0px;
}
.urovenName {
	font-weight: 600;
	color: #959595;
	font-size: 1vw;
}
.urovenDate {
	font-weight: 400;
	color: #959595;
	font-size: 0.7vw;
}
.headerBlockWithPhoneAnnLogo {
	width: 66.6%;
}
.featureBlockWrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: auto;
	padding-top: 1.5rem;
	flex-wrap: wrap;
}
.howToBlockSingleItemMobileWithImage {
	display: none;
}
.studentCardMainWrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.personalTutorMainFlexWrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.showOnMobile {
	display: none;
}
.formBlockInnerWrapper {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
.osnovatelBlockInnerWrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.popupOtzyvWrapper {
	z-index: 9999;
	background-color: #ffffff;
	position: fixed;
	padding: 50px;
	border-radius: 25px;
	max-width: 50%;
	min-width: 50%;
	max-height: 80%;
	min-height: 20%;
}
.popupOtzyvWrapper p {
	text-align: left;
	font-size: 1vw;
}
.popupOtzyvContent {
	overflow-y: auto;
}
.popupOtzyvContent {
	margin-top: 30px;
	/*scrollbar-color: var(--buttonColor_changeLater) #ffffff;*/
}
.popupOtzyvContent::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}

.popupOtzyvContent::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.popupOtzyvContent::-webkit-scrollbar-button:single-button {
	background-color: #ffffff;
	display: block;
	border-style: solid;
	height: 13px;
	width: 16px;
}
.popupOtzyvContent::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent var(--buttonColor_changeLater) transparent;
}
.popupOtzyvContent::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 6px 6px 0 6px;
  border-color: var(--buttonColor_changeLater) transparent transparent transparent;
}

.popupOtzyvContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--buttonColor_changeLater);
}
.feedPageLink {
	text-decoration: none;
	color: var(--mainColor_changeLater);
	text-align: center;
	font-size: 2vw;
	line-height: 1vw;
	font-weight: 600;
}
.feedPageLink:hover {
	color: var(--colorButtonsHover_changeLater);
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.priceListWrapper .buttonStyleOnButton {
	max-width: 30%;
	text-align: center;
	margin: auto;
}
.featureRightBlockItems {
	padding-top: 10px;
	text-align: left;
}
.oblastiAttestaciiWrapper .featureRightBlockItems h3 {
	font-size: 1vw;
	padding-bottom: 3px;
}
.oblastiAttestaciiItem {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
	background-image: linear-gradient(to bottom, rgb(215 233 254 / 16%), #cee6ffde);
	border-radius: 15px;
	margin: 10px;
}
.oblastiAttestaciiItem h3 {
	padding-top: 10px;
	padding-bottom: 7px;
}
.oblastiAttestaciiItem ul {
	text-align: left;
}
.oblastiAttestaciiItem .buttonStyleOnButton {
	font-size: 0.9vw;
	max-width: 80%;
	text-align: center;
	padding: 5px 10px 5px 10px;
}



.oblastiAttestaciiImage {
	max-width: 35%;
	border-radius: 15px 0px 0px 15px;
}
.oblastiAttestaciiInfoBlock {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: left;
	margin: 10px 30px 10px 30px;
	width: 100%;
}
.oblastiAttestaciiInfoBlock h3 {
	font-size: 1.05vw;
}
.oblastiAttestaciiInfoBlock p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.oblastiAttestaciiInfoMiddleBlock {
	padding-bottom: 15px;
}
.oblastiAttestaciiInfoMiddleBlock p {
	font-size: 0.7vw;
}
.showOblastButton p {
	text-decoration: underline;
	color: var(--mainColor_changeLater);
	font-weight: 600;
	cursor: pointer;
}

.oblastiAttestaciiInnerWrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 67%;
}
.popupUslugiWrapper {
	z-index: 9999;
	background-color: #ffffff;
	position: fixed;
	padding: 50px;
	border-radius: 25px;
	max-width: 50%;
	min-width: 50%;
	max-height: 80%;
	min-height: 20%;
}
.popupUslugiWrapper p {
	text-align: left;
	font-size: 1vw;
}
.popupUslugiContent {
	overflow-y: auto;
}
.popupUslugiContent {
	margin-top: 30px;
	/*scrollbar-color: var(--buttonColor_changeLater) #ffffff;*/
}
.popupUslugiContent::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}

.popupUslugiContent::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

.popupUslugiContent::-webkit-scrollbar-button:single-button {
	background-color: #ffffff;
	display: block;
	border-style: solid;
	height: 13px;
	width: 16px;
}
.popupUslugiContent::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent var(--buttonColor_changeLater) transparent;
}
.popupUslugiContent::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 6px 6px 0 6px;
  border-color: var(--buttonColor_changeLater) transparent transparent transparent;
}

.popupUslugiContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--buttonColor_changeLater);
}