img {
  image-rendering:-webkit-optimize-contrast;
}



.header-home-nav {
	background-image: url(../images/bg-green-letters.png);
	    padding-bottom: 30px;
}

.header-nav {
	background-image: url(../images/bg-green-letters.png);
	    padding-bottom: 30px;
}
.home-logo img{
	padding-top:14px;
}
.slogan-home{
	    width: 255px;
		color: #fff;
	font-size: 13px;
    /*color: #000;*/
    top: 3px;
    left: 1px;
    position: relative;
    font-family: Manrope Bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.home-main-title  {text-align:center;  margin-top: 20px;}
.home-main-title a{
	color: #fff;
    text-decoration: none;
    font-size: 15.87px;
    font-family: Manrope Light;
	margin-right:10px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}


.home-main-title a:hover{text-decoration: none; border-bottom:1px solid; color: #fff !important;}

.topmenu-home {
	font-size: 15px !important;
    font-family: Manrope Bold !important;
	text-decoration:none !important;
}
.topmenu-home:hover{
	/*border-bottom:3px solid #ffdb00!important;*/
	color: #fff!important;
    text-decoration:underline!important;
}
.home-main-title, .home-main-title h1, .home-main-title .divh1 {
    text-align: center;
    font-family: Manrope Light;
    font-size: 23px;
    margin-bottom: 0;
    color: #caffbb;
    letter-spacing: 1px;
    margin-top: 8px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.home-main-faq{text-align:right; margin-top:15px;}
.faq-a{
	font-size: 14px;
    font-family: Manrope Light;
    color: #fff;
	border-bottom: 1px dotted #fff;
	margin-right:10px;
}
.faq-a:hover{
	text-decoration:none;
	color:#fff;
	border-bottom: 2px dotted #fff;
}
.home-main-faq img{
	/*margin-left:5px;*/
}
.home-reg {
    text-align: right;
	color:#000;
	font-family: Manrope Bold !important;
	text-decoration:none !important;
	font-size:18px;
	margin-top:9px;
}
.home-reg a{
	color:#000;
	font-family: Manrope Bold !important;
	text-decoration:none !important;
	font-size:18px;
}
.home-reg a:hover{
	border-bottom:3px solid #ffdb00;
}

.home-reg-in {
	text-align: right;
	 margin-top: 24px;
}

.home-reg-in a:hover{
	border-bottom:none;
}

input, a.otpravit{
	width: 255px;
    height: 53px;
    border-radius: 7px;
    font-family: Manrope Bold !important;
    border: none;
	cursor: pointer;
    background: #ffcd00;
	box-shadow: 0px 1px 5px 0 rgba(40, 40, 40, 0.5);
	margin-bottom:30px !important;
}

.bluesubmit{
	background:#00b7f9 !important;
}

.entry{
	background: #fff;
    width: 90%;
    margin-bottom: 30px;
    border-radius: 0px;
    font-family: Manrope Light !important;
    padding-left: 10px;
    margin-left: 15px;
	border: 1px solid #8080803b;
    box-shadow: none;
    margin-right: 15px !important;
}

.entry2{
	background: #fff;
    font-size: 14px;
    margin-bottom: 30px;
    border-radius: 0px;
    font-family: Manrope Light !important;
    padding-left: 10px;
    margin-left: 15px;
    border: 1px solid #808080d4;
    border-radius: 5px;
    box-shadow: none;
    width: 350px;
    margin-right: 15px !important;
}


.lk-entry{
	background: #e6eff2;
    border-radius: 5px;
    border: 1px solid #d7e0e5;
    width: 90%;
    margin-bottom: 30px;
    font-family: Manrope Light !important;
    padding-left: 10px;
    margin-left: 15px;
	box-shadow: none;
    margin-right: 15px !important;
	    height: 52px;
}

.lk-password {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d7e0e5;
    width: 90%;
    margin-bottom: 30px;
    font-family: Manrope Light !important;
    padding-left: 10px;
    margin-left: 15px;
    box-shadow: none;
    margin-right: 15px !important;
    height: 52px;
}

.choose-course{
	text-align:right;
	font-size:16px;
	font-family: Manrope Bold;
	}
.choose-course select{
	width: 255px;
    height: 53px;
    padding-left: 15px;
	border-radius: 7px;
	box-shadow: 0px 1px 5px 0 rgba(40, 40, 40, 0.5);
	border:none;
}

.choose-age{
	text-align:center !important;
	text-align:right;
	font-size:16px;
	font-family: Manrope Bold;
	 margin-bottom: 30px;}

.choose-age select{
	width: 255px;
    height: 53px;
    padding-left: 15px;
	border-radius: 7px;
	box-shadow: 0px 1px 5px 0 rgba(40, 40, 40, 0.5);
	border:none;
}

.fr-page {
    padding-bottom: 70px !important;
}
.white-bg {
    background-color: white;
    margin-top: 0px;
   box-shadow: inset 0 3px 5px #00000038;
}

.white-bg h1 {
    margin-top: 40px;
    font-size: 30px;
    color: #231c37;
    font-weight: normal;
    margin-bottom: 40px;
}
.strongh1{font-family:Manrope Bold;}

.px18{font-size:18px;}
.px18bot30{font-size:18px; margin-bottom:30px;}
.px24{font-size:24px;}

.tsi-small {
    color: #5ab947;
    min-height: 25px;
	    font-size: 18px;
   /* margin-top: -60px;*/
}

.tsi-large {
    font-family: Manrope Bold;
    color: #5ab947;
    font-size: 60px;
    margin-top: -15px;
}

.tsi-text {
    margin-bottom: 40px;
    font-size: 18px;
    margin-top: -15px;
	line-height: 1.2;
}

.white-bg h2 {
        font-size: 24px;
    /*line-height: 27px;*/
    font-weight: normal;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.no-shadow {box-shadow: none !important;}
.centers-list {padding-bottom:20px;}
.grey-bg {
    background-color: #e6eff2;
    margin-top: 0px;
    box-shadow: inset 0 4px 6px #0000001a;
	padding-top: 40px;
}

.grey-bg-line {
    background-color: #e6eff2;
    margin-top: 0px;
    box-shadow: inset 0 4px 6px #0000001a;
}

.grey-kapla-bg{
	background-image: url(/images/grey-kapla-bg.png);
    background-repeat: no-repeat;
    background-position: top;
   /* background-size: 100% 57px;*/
    height: 57px;
}

.krivaya {
	background-image: url(/images/krivaya.png);
    background-repeat: no-repeat;
    background-position: bottom;
	 height: 19px;
}

.grey-krivaya{
	background-image: url(/images/grey-krivaya.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 20px;
	 height: 20px;
	     margin-bottom: 30px;
}

.blue-bg {
    background-color: #e6f0f2;
    margin-top: 0px;
    box-shadow: inset 0 4px 6px #0000001a;
	padding-top:20px;
}

.dark-bg{
	background-color: #4f4d5c;
    margin-top: 0px;
    box-shadow: inset 0 4px 6px #0000001a;
	/*padding-top:20px;*/
}
.dark-a{
	text-align:center;
	color:#fff;
	font-family: Manrope Light;
	padding-bottom:10px;
	padding-top:10px;
}

.dark-a a:hover{
	color:#fff;
	text-decoration:none;
}

.dark-a a{
	color:#fff;
	text-decoration:none;
	border-bottom: 1px dashed #fff;
	margin-right:18px;
	margin-left:18px;
	font-family: Manrope Bold;
	font-size:18px;
}
.small{font-size:12px;}

.activ{
	background: #f15b22;
    margin: 0px;
    padding: 4px 8px;
    border-radius: 6px;
    border-bottom: none!important;
}

.yellow-bg {
    background-color: #ffdb00;
    margin-top: 0px;
    box-shadow: inset 0 4px 6px #0000001a;
	padding-top:20px;
}

.clouds {
	background: url(../images/clouds.png) no-repeat top center;
	padding-top:30px;
}
.h1-lesson {
	font-family: Manrope Bold;
	font-size:60px;
	color:#231c37;
	}

.eart{float:right;}

.home-top-green{color:#20770f;     margin-bottom: 50px;}
.home-top-green p{
	font-size:15px; font-family:Manrope Light;
	margin-bottom: -15px;
    margin-top: -15px;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7);}
.big-green{font-family:Manrope Bold; font-size:51px;}
.small-green{font-family:Manrope Bold; font-size:24px;}
.block-green{width: 220px; text-align:left; /*float:right;*/}
.kapla-home{
	position: relative;
    left: 42%;
    top: -3px;
}
.slaider-title{
	text-align:center;
	font-family: Manrope Bold;
	font-size:30px;
	margin-top:0px !important;
	margin-bottom: -15px !important;
}

.home-kurs {text-align:left;}

.home-kurs h2{
	color:#ed1c24;
	font-size:30px;
    line-height: 1.1;
	font-family: Manrope Bold;
	margin-top: 4px !important;
        margin-bottom: 10px !important;
}
.home-kurs p{
	margin-bottom: 4px;
    margin-left: 175px;
	    margin-top: -6px;
}

.kurs p{margin-top:40px; text-align:left;}
.easy{
	position: relative;
    top: -50px;
    left: 177px;
}
.home-kurs-img{
	float:left;
	margin-right:10px;
	border-radius:10px;
}
.h2kurs{color:#231c37 !important;}
.zapis{
	text-align:center;
	    padding-top: 10px;
}
.zapis a{
	    background: #ed1c24;
    padding: 12px 30px;
    border-radius: 18px;
    color: #fff;
    font-family: Manrope Bold;
    font-size: 18px;
    margin-bottom: 30px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.75);
	box-shadow: 1px 1px 3px 0 rgba(40, 40, 40, 1);
}
.zapis a:hover{
	color:#fff;
	text-decoration:none;
}
.zapis p{
	margin-top:25px;
	font-family: Manrope Bold;
    color: #231c37;
	font-size:18px;
	}
.cena{
	color:#231c37;
	font-size:30px;
	font-family:Manrope Bold;
}
.rub{
	color:#4f4d5c;
	font-size:16px; margin-left: 5px;
}
.left-blue{
	padding-top:35px; padding-right: 80px!important;
}
.left-blue img{float:right; /*margin-top: -135px;*/}
.left-blue p{font-size: 16px;
    color: #fff;
    margin-top: 10px;
    margin-left: 20px;
    line-height: 22px;
	margin-bottom: 25px;}

.right-yellow{
	padding-top: 35px;
    padding-left: 50px!important;
    padding-right: 30px!important;
    min-height: 560px!important;
}
.right-yellow img{float:right;}
.right-yellow p{
	color: #000;
    margin-top: 10px;
    margin-left: 20px;
	line-height: 22px;
	margin-bottom: 45px;}

.home-page {
	background: url(../images/fon-home.png) no-repeat top center;

}
.hometeacher {
	background: url(../images/cloud-yellow.png) no-repeat top center;
	width:267px;
	height: 115px;
	margin-top:30px;
	padding-top: 37px;
    padding-left: 45px;
}
.hometeacher  a{
	font-size: 24px;
    color: #000;
    border-bottom: 1px solid grey;
}

.hometeacher  a:hover{
	text-decoration:none;
	color: #000;
    border-bottom: 2px solid grey;
}

.onlineteacher {
	background: url(../images/cloud-blue.png) no-repeat top center;
	width:260px;
	height: 115px;
	margin-top:30px;
	padding-top: 37px;
    padding-left: 45px;
}
.onlineteacher  a{
	font-size: 24px;
    color: #000;
    border-bottom: 1px solid grey;
}

.onlineteacher  a:hover{
	text-decoration:none;
	color: #000;
    border-bottom: 2px solid grey;
}
.onlineteacher-logo{
	margin-top:30px;
}
.yellow-knopka{
	border-radius: 7px;
    font-family: Manrope Bold;
    background: #ffcd00;
    font-size: 18px;
    color: #000;
    padding: 15px 50px;
    box-shadow: 0px 1px 3px 0 rgba(40, 40, 40, 1);
	margin-left: 20px;
	text-decoration:none;

}
.yellow-knopka:hover{text-decoration:none; background: #ffdb00;}
.blue-knopka{
	border-radius: 7px;
    font-family: Manrope Bold;
    background: #00bcfb;
    font-size: 18px;
    color: #fff;
    padding: 15px 50px;
    box-shadow: 0px 1px 3px 0 rgba(40, 40, 40, 1);
	text-decoration:none;
	margin-left: 20px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.blue-knopka:hover{text-decoration:none; background: #2ac9ff; color: #fff;}
.big {
	font-family: Manrope Bold Alt;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;
	/*    margin-top: 30px;*/
}
.home-order {padding-top:40px;}
.home-order img{float:right; max-width:100%}
.home-order p {font-size:18px;  line-height: 22px;}
.home-order ul {list-style:none; font-size:18px;}
.home-order ul li::before {
    content: "●";
    color: #ed1c24;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.home-order ol li::before {
    /*content: "●";*/
    color: #ed1c24;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.about-center{text-align:center;}
.about-center h3 {
	font-family:Manrope Bold;
	font-size:24px;
	color:#000;
	}
.top20px{margin-top:20px;    margin-bottom: 20px;}
.top30px{margin-top:30px;    margin-bottom: 20px;}
.top40px{margin-top:40px;    margin-bottom: 20px;}
.bottom40px{margin-bottom:40px;}
.about-onlineteacher{text-align:right; margin-top:10px;}
.about-hometeacher{text-align:left; margin-top:10px;}

.redh2{
	font-size:30px!important;
	font-family:Manrope Bold;
	color: #ed1c24;
	margin-top: 80px;
}

.blackh2{
	font-family:Manrope Bold;
	font-size:30px !important;
	color:#231c37;
	margin-top:20px !important;}

.redh3{
    font-size:24px!important;
    font-family:Manrope Bold !important;
    color: #ed1c24!important;
}

.greenh3{
    font-size:22px!important;
    font-family:Manrope Bold !important;
    color: #5ab947!important;
}

.blueh3{
    font-size:22px!important;
    font-family:Manrope Bold !important;
    color: #00b4f1!important;
}

.greenh2{
	font-size:24px; font-family:Manrope Bold;
	color: #5ab947;
}

.blueh2{
	font-size:24px!important;
	font-family:Manrope Bold;
	color: #00b4f1;
	margin-top: 40px;
    margin-bottom: 20px;
}

.greyh2{
	text-align:center;
	font-size:30px!important;
	font-family:Manrope Bold;
	color: #8b8496;
	margin-top: 20px;
}

.name a{
	color:#000;
	text-decoration:underline;
	font-family: Manrope Bold;
}
.item-teacher{text-align:center;}
.dateotzyv{font-size:14px; display:block;}
.nameotzyv{font-size:18px; font-family:Manrope Bold; display:block;}
.textotzyv{font-size:16px; display:block;}
.m-more{display:block;}
.mention{margin-bottom:60px;}
.m-separator{display: block;
    width: 23%;
    border-bottom: 1px solid #d7e1e5;
}
.home-mention a {text-decoration:none;
    border-bottom: 1px solid #d7e1e5;}
.home-mention a:hover {text-decoration:none;}
.blueback{
	background-image: url(../images/bg-blue-letters.png);
    background-color: #e6eff2;
    margin-top: 0px;
    padding-bottom: 40px;
    text-align: center;
    padding-top: 50px;
}
.blueback h2{font-size:24px !important;}
.about-fr h3{font-size:24px;}
.about-fr h2{margin-bottom:0px;}
.ulred{
	background-image: url(../images/ulred.png);
	background-repeat:no-repeat;
	padding-left:25px;
}

.photootzyv {border-radius:50%;
    box-shadow: 2px 5px 3px #0003;}

.otpravit, a.otpravit{
	background: #5ab947;
    color: #fff;
    font-family: Manrope Light !important;
}

a.otpravit {
    display: inline-block;
    line-height: 53px;
}
.otpravit:hover{color: #fff; font-weight: bold; text-decoration: none;}

.personal {
	font-size: 12px;
    color: #000;
    line-height: 15px;
	margin-bottom:20px;
}
.save-green{
	background: #5ab947;
    color: #fff;
    font-family: Manrope Light !important;
    width: 130px;
    height: 38px;
	    margin-top: 10px;
    margin-left: 15px;
}

.save-grey{
	background: #a6b4b9;
    color: #fff;
    font-family: Manrope Light !important;
    width: 130px;
    height: 38px;
    margin-left: 15px;
	    margin-top: 5px;
}

.feedback-head-bg {
    background-image: url(../images/blue-wave.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 19px;
    height: 19px;
}
.white-kapla{
	background-image: url(../images/green-kapla-bg.png);
    width: 196px;
    height: 64px;
    left: 43%;
    position: relative;
    top: -55px;
}
.foot-zapis{text-align:center;}
.foot-zapis h2{
	color:#ed1c24;
	font-size:30px;
	font-family:Manrope Bold;
}
.foot-zapis h3{
	color:#000;
	font-size:24px;
	font-family:Manrope Bold;
}
.home-footer{
	    background-image: url(../images/bg-green-letters.png);
		padding-top: 20px;

}
.slogan-home-white{
	font-size: 13px;
    color: #fff;
    top: 3px;
    left: 1px;
    position: relative;
    font-family: Manrope Bold;
	width:255px;
}
.home-footer-menu{
	    margin-top: 32px;    margin-left: 5px;
}
.home-footer-menu a{
	color: #fff;
	font-size: 24px;
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		text-decoration:underline;
		    margin-right: 20px;
}
.about {font-family:Manrope Light;}

.home-footer-menu a:hover{
	color: #fcff00;
}

.title{
	text-align: center;
    font-family: Manrope Bold;
    font-size: 30px;
	    margin-bottom: 40px;
}
.lk {text-align: center;
    font-family: Manrope Bold;
    font-size: 24px;
	color: #bfcfd5;}

.lk-h3{
	color: #4f4d5c;
    font-size: 18px;
    font-family: Manrope Bold;
	margin-left: 15px;
    margin-bottom: 20px;
}

span.strong-red{
	font-family: Manrope Bold;
    color: #ed1c24;
}

span.strong-black {
    font-family: Manrope Bold;
    color: #231c37;
}

.strong-yellow {
    font-family: Manrope Bold;
    color: #fcff00;
	font-size: 24px;
}

.strong-blue {
    font-family: Manrope Bold;
    color: #00b4f1;
}

.home-lang a{
	color:#caffbb;
	font-size:18px;
	margin-left:20px;
	margin-top:10px;
	font-family: Manrope Bold;
	text-decoration:underline;
}
.medal img{
	margin-top: 15px;
    margin-bottom: 20px;
	    float: right;
    margin-left: 8px;
}

.photo img{
    border-radius: 50%;
    box-shadow: 2px 5px 3px #0003;
    margin: 0 auto;
    display: block;
	margin-bottom: 20px;
}

.land-t-delimeter {
    height: 1px;
    background: #cdcbcf;
	margin-bottom:40px;
	margin-top:30px;
}
.map{margin-top:-95px; max-width:100%;}
.home-first{margin-top:30px;}
.home-first h1{
	font-size:35px;
	margin-top:10px;
}

.about-ul li::before {
    content: "●";
    color: #ed1c24;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.about-ul li{
    font-size:18px;
	    margin-bottom: 12px;
	line-height:1.1;
}

.breadcrumbs{margin-top: 20px;}
.breadcrumbs, .breadcrumbs a {
    color: #8b8496;
}

.strongh1{
	font-family:Manrope Bold;
	font-size:30px !important;
	color:#231c37;
	margin-top:20px !important;}

.mobile-vers{display:none!important;}
.mrg-left{margin-left:30px!important;}

.green-wave-top{
	background-image: url(/images/green-wave-top.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 14px;
    height: 14px;
}

.blue-wave-top{
	background-image: url(/images/blue-wave-top.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 14px;
    height: 14px;
}

.green-wave-bottom{
	background-image: url(/images/green-wave-bottom.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 14px;
    height: 14px;
}
.green-feedback {
    background-image: url(../images/bg-green-letters.png);
    padding-top: 40px;
}
.green-feedback h3{
	font-family: Manrope Bold;
	font-size:30px;
	color:#caffbb;
	text-align:center;
	margin-bottom: 30px;
    margin-top: 10px;
}

.en-menu {
    background-image: url(/images/i-en-green.png);
    background-repeat: no-repeat;
    background-position: 0px -2px;
	    padding-top: 16px;
}
.fr-menu {
    background-image: url(/images/i-fr-green.png);
	background-repeat: no-repeat;
    background-position: 7px -2px;
	  padding-top: 16px;
}
.de-menu {
    background-image: url(/images/i-de-green.png);
	background-repeat: no-repeat;
    background-position: left 6px;
	 padding-top: 16px;
}
.es-menu {
    background-image: url(/images/i-es-green.png);
	background-repeat: no-repeat;
    background-position: 4px 1px;
	 padding-top: 16px;
}
.ch-menu {
    background-image: url(/images/i-ch-green.png);
	background-repeat: no-repeat;
    background-position: 4px 11px;
	 padding-top: 16px;
}
.ru-menu {
    background-image: url(/images/i-ru-green.png);
	background-repeat: no-repeat;
    background-position: 2px 3px;
	padding-top: 16px;
}
.green-lng{min-height:70px;    padding-bottom: 70px;}
.green-lng a{
	font-family:Manrope Bold;
	font-size:18px;
	color:#fff;
	 margin-left: 30px;
}
.green-lng a:hover{color:#fff;}
.duck {
	background-image: url(../images/duck.png);
	background-repeat: no-repeat;
	width:231px;
	height:195px;
	margin-top: 40px;
}

.tv-bird {
	background-image: url(../images/tv-bird.png);
	background-repeat: no-repeat;
	width:277px;
	height:231px;
	margin-top: 40px;
}

.hometeacher-logo{
	text-align:center;
	color:#4f4d5c;
}

.hometeacher-logo p{margin-top:30px;}

.hometeacher-logo img{
	margin-top:10px;
	max-width:100%;
	}

.dla-kogo{
	margin-top:70px;
    margin-bottom: 40px;
}

.dla-kogo h4{
	background-image: url(../images/dla-kogo.png);
	background-repeat: no-repeat;
	font-family:Manrope Bold;
	font-size:18px;
	padding-left: 20px;
    padding-bottom: 14px;
    padding-top: 2px;
}
.dla-kogo p{
	font-family:Manrope Bold;
	font-size:22px;
}

.dla-kogo-kak{
	background-image: url(../images/dla-kogo-kak.png) !important;
	background-repeat: no-repeat;
}

.owl-theme .owl-nav {
    overflow: hidden;
}

.block-gallery .owl-theme .owl-nav {
  margin-top: 0 !important;
}

.owl-prev {
    width: 30px;
    height: 100%;;
    position: absolute;
    top: 0;
    margin-left: -20px;
    display: block!IMPORTANT;
    border:0px solid black;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.owl-next {
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: block!IMPORTANT;
    border:0px solid black;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.slider-left {
    background-image: url(/images/slider-left.png);
    height: 63px;
    width: 31px;
    display: inline-block;
    position: relative;
    top: 35%;
	left: -20px;
    cursor: pointer;
}

.slider-right {
    background-image: url(/images/slider-right.png);
    height: 63px;
    width: 31px;
    display: inline-block;
    position: relative;
    top: 35%;
    right: -20px;
    cursor: pointer;
}

.gallery{
	text-align:center;
	margin-top: 45px;
	margin-bottom: 20px;
}

.teacher{
	text-align:center;
	margin-top: 45px;
	margin-bottom: 20px;
	}

.teacher_foto{
	border-radius:50%;
	box-shadow: 1px 2px 7px 1px rgba(40, 40, 40, 0.5);
	margin-bottom: 15px;
	width:160px !important;
	float:none !important;
}

.teacher_name{
	display: block;
    font-size: 24px;
    font-family: Manrope Bold;
    color: #231c37;
	margin-bottom:5px;
}

.teacher-card{
	background: #e6eff2;
    padding: 30px;
    border-radius: 7px;
	margin-top: 30px;
	text-align:center;
}
.teacher-data{
	text-align:left;
}

.teacher-text p{
	font-size:18px;
	margin-bottom: 30px;
}

.teacher-card-foto{
	border-radius: 7px;
    box-shadow: 1px 4px 6px 0px rgba(40, 40, 40, 0.5);
	margin-bottom:30px;
	max-width:100%;
}
.teacher-blue-knopka{
	border-radius: 7px;
    font-family: Manrope Bold;
    background: #00bcfb;
    font-size: 18px;
    color: #fff;
    padding: 15px 35px;
    box-shadow: 0px 1px 3px 0 rgba(40, 40, 40, 1);
    text-decoration: none;
    /* margin-left: 20px; */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.teacher-blue-knopka:hover{text-decoration:none; background: #2ac9ff; color: #fff;}

.menu-icon{margin-right:2px; margin-top:-2px;}


.lng{font-family: Manrope Bold;}

/*.gallery{width:250px;}*/
.owl-carousel .owl-item img {
    display: initial !important;
	width:auto!important;
}

.flag{
	margin-right: 7px;
    position: relative;
    top: -2px;
	width:20px!important;
	float:none !important;
}

.flag-40{
	margin-right: 7px;
    position: relative;
    top: -2px;
	width:40px!important;
}
.mob{display:none;}


/*****************  Переключатель **********/
.form_toggle {
	display: inline-block;
	overflow: hidden;
}
.form_toggle-item {
	float: left;
	display: inline-block;
}
.form_toggle-item input[type=radio] {
	display: none;
}
.form_toggle-item label {
	display: inline-block;
	padding: 0px 15px;
	line-height: 34px;
	border-right: none;
	cursor: pointer;
	user-select: none;
	font-size: 14px;
    font-family: Manrope Bold;
	    margin-top: 2px;
}

.ind-grup{
	background: #fff;
    border-radius: 22px;
    height: 38px;
    margin-bottom: 30px;
	box-shadow: inset 0 3px 5px #00000038;
    max-width: 255px;
    margin-left: auto;
    margin-right: auto;
  }

.form_toggle .item-1 label {
	border-radius: 6px 0 0 6px;
}
.form_toggle .item-2 label {
	border-radius: 0 6px 6px 0;
}

/* Checked */
.form_toggle .item-1 input[type=radio]:checked + label {
	background: #ffdb00;
	border-radius: 20px;
    border: none;
    margin-left: 4px;
    margin-top: 2px;
	box-shadow: 1px 1px 3px 0px rgba(40, 40, 40, 0.5);
}
.form_toggle .item-2 input[type=radio]:checked + label {
	background: #ffdb00;
    border-radius: 20px;
    border: none;
    margin-left: 4px;
    margin-top: 2px;
	box-shadow: 1px 1px 3px 0px rgba(40, 40, 40, 0.5);
}

/********* Переключатель End ************/

.krugdiv{
	width: 300px;
    height: 300px;
    background: #fff;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 40px;
    border-radius: 50%;
	position: relative;
    top: -77px;
    left: 67px;
	box-shadow: 1px 1px 5px 0px rgba(40, 40, 40, 0.5);
}
.krugdiv h3{
	font-family:Manrope Bold;
	font-size:24px;
}
.krugdiv p{
	font-size:18px;
	    line-height: 1;
}
.mobile-noimg{max-width:100%}

.mobile-partner{display:none;}

.blue-knopka-left{margin-left:0px;}

.cifri{z-index:1;}

.homevideo{width:100%; height:623px;margin-bottom: 40px;}

.mglft-50px {margin-left:-50px;}
.mglft50px {margin-left:50px;}

.krugimage{ max-width: 100%;
            margin-top: -10px;
            margin-bottom: 10px;
            border-radius: 50%;
            box-shadow: 3px 4px 7px 0px rgb(40 40 40 / 33%);
            }
.mrgtop-30 {margin-top: -30px;}
.mrgtop-70 {margin-top: -70px;}
.land-t-image {text-align: center;}

.sposob h2 {font-size: 28px !important;}

.sposob h3{
    font-weight: normal;
    font-size: 24px;
    color: #ed1c24;
    margin-top: 15px; margin-bottom: 15px;
    line-height: 25px;
}
.sposob p{font-size: 18px; width: 95%;}
.fotos {text-align: center;}
.fotos img {max-width: 100%;margin-bottom: 15px;
    border: 1px solid;
    padding: 2px;}

.land-t-links {
    background-color: #e6eff2;
    box-shadow: 0 4px 6px #0000001a;
    /*padding-bottom: 40px;*/
}
.land-t-h2 {
    font-size: 24px;
    color: #4f4d5c;
   /* margin-top: 40px;*/
    margin-bottom: 30px;
}
.land-t-links-item {
    margin-bottom: 10px;
}
.land-t-links .kapla {
    position: relative;
    left: -70px;
    bottom: -57px;
}
.land-t-links-items a {
    color: #0493c3;
    font-size: 18px;
    border-bottom: 1px dashed;
}
.land-t-links-items a:hover {
    color: #0493c3;
    border-bottom: 1px solid;
    text-decoration: none;
}
.double-row {
    height: 10px;
    border-top: 1px solid #c5d2d6;
    border-bottom: 1px solid #c5d2d6;
    margin: 20px 0;
}
.anons {
    border-right: 1px solid #d7e1e5;
    margin-bottom: 70px;
    padding-right: 5px;
}

.anons img {
    margin-bottom: 10px;
    max-width: 100%;
}
.anons p{font-size: 18px;}
.date {
    margin-bottom: 0px;
    font-size: 13px !important;
}
.land-t-text-bold{font-family: Manrope Bold;}

span.strong-green {
    font-family: Manrope Bold;
    color: #5ab947;
}
.fotogal{height: 170px;
    border: 1px solid;
    padding: 1px;}

.tseli {
    margin-bottom: 40px;
    border-bottom: 1px solid #c5d2d6;
}
.tseli-item:hover, .tseli-item.active {
    border-bottom: 3px solid #f15b22;
}
.tseli-img {
    white-space: nowrap;
    text-align: center;
    margin: 1em 0;
    height: 160px;
}
.tseli-img .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.tseli-item:hover .tseli-img img.padding-border, .tseli-item.active .tseli-img img.padding-border, .tseli-img img.padding-border {
    padding: 9px;
}
.tseli-item:hover .tseli-img img, .tseli-item.active .tseli-img img {
    border: 1px solid #f15b22;
}
.tseli-item.active .tseli-title {
    color: #f15b22;
    text-decoration: none;
}
.tseli-title {
    text-align: center;
    font-family: Manrope Bold;
    color: #79d565;
    line-height: 20px;
    padding-bottom: 5px;
    font-size: 18px;
    text-decoration: underline;
    min-height: 46px;
    word-wrap: break-word;
}
.tseli-img img {
    vertical-align: middle;
    max-height: 160px;
    max-width: 100%;
    border: 1px solid lightgrey;
    border-radius: 50%;
    cursor: pointer;
}
.tseli-item.active .tseli-img img {
    border: 1px solid #f15b22;
}
.tseli-large-img img {width: 100%; margin-bottom: 20px;}

.sekret-top{margin-bottom: -20px;
            margin-top: 0px;}
@media (max-width: 1200px) {
	.teacher-blue-knopka{padding:15px 10px;}
}
.vidos {width: 100%; height: 300px;}
.galp{
    font-size: 36px;
    text-align: center;
    margin-top: 50px;
    color: #5ab947;
    font-family: 'Manrope Bold';
}
.wttg {
    margin-top: 13px;
    float: right;
    /*margin-bottom: -15px;*/
}
.wttg img{
    margin-left: 5px;
    margin-top: -5px;
}
.wttg a {color:#fff;
    font-family: 'Manrope Bold';
    text-decoration: none;
    font-size: 20px;}
.wttg a:hover {color:#fff;}

.wttgfoot{float: right; margin-top: -15px;}
.wttgfoot img {float: right; margin-left: 7px;}
.miniw {width:31px; margin-left: 10px;}

.whatp, .tlg{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.whatp a {
    background: #27c579;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 20px;
    font-size: 20px;
    font-family: 'Manrope Bold';
    box-shadow: 0px 1px 5px 0 rgb(40 40 40 / 70%);
}
.tlg a {
    background: #06a0d4;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 20px;
    font-size: 20px;
    font-family: 'Manrope Bold';
    box-shadow: 0px 1px 5px 0 rgb(40 40 40 / 70%);
}
.tlf {float: right;}
.tlg a:hover {color:#fff; text-decoration: none;}
.whatp a:hover {color:#fff; text-decoration: none;}
.tlf-mobile{
    background: #ffdb00;
    width:100%;
    height:26px;
    float: left;
    cursor:pointer;
}
.tlf-mobile img{
    float: left;
    margin-left: 18%;
    margin-top: 2px;
}
.faq-mobile {width:50%; float: right;}

.galniz{background-image: url(../images/galniz.png);
    width: 12px;
    height: 6px;
    margin-top: 10px;
    float: right;
    margin-right: 10px;}

.tlf-mobile:hover {background: #fcff00;}
.tlf-mobile:hover .galniz{background-image: url(../images/galverh.png);}
.tlf-mobile:hover .contact{display: block;}

.contact {
    background: #e6f0f2;
    width:100%;
    position: absolute;
    height: 100px;
    top: 26px;
    z-index: 10;
    display: none;
    left: 0;
    padding-top: 30px;
    box-shadow: inset 0 3px 5px #00000038;
}

.contact img {float: none; margin-left: 20px;}
.contact a  {color:#221c36;
    font-size: 20px;
    font-family: 'Manrope Bold';}
.sertifikat {max-width: 160px; /*margin-top: 20px;*/}
.bird-pres{margin-top: 50px; min-height: 200px;}
.bird-pres img {float: left; margin-right: 10px; margin-bottom: 25px;}
.bird-pres p {font-size:18px; font-family: "Manrope Bold"; padding-left: 110px;}

.razuchim {
    background-image: url(../images/razuchim.png);
    height: 458px;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -2px;
    margin-bottom: 40px;
}
.skill-wrapper {position: relative;}
.skill-text {
    font-family: Manrope Bold;
    font-size: 18px;
    line-height: 18px;
    border: 3px solid;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.skill-text span {
    margin: auto 0;
}
.skill-text-1 {
    color: #b01ced;
    border-color: #b01ced;
    height: 180px;
    width: 180px;
    left: 153px;
    top: 44px;
}

.skill-text-2 {
    color: #00b4f1;
    border-color: #00b4f1;
    height: 120px;
    width: 120px;
    top: 185px;
    left: 328px;
}
.skill-text-3 {
    color: #00963f;
    border-color: #00963f;
    height: 150px;
    width: 150px;
    top: 284px;
    left: 167px;
}
.skill-text-4 {
    color: #33c416;
    border-color: #33c416;
    height: 150px;
    width: 150px;
    top: 1px;
    left: 598px;
}


.skill-text-5 {
    color: #fa8500;
    border-color: #fa8500;
    height: 120px;
    width: 120px;
    top: 198px;
    left: 628px;
}
.skill-text-6 {
    color: #0450c3;
    border-color: #0450c3;
    height: 180px;
    width: 180px;
    top: 65px;
    left: 767px;
}
.skill-text-7 {
    color: #ed1c24;
    border-color: #ed1c24;
    height: 150px;
    width: 150px;
    top: 275px;
    left: 770px;
}
.skill-text-8 {
    color: #ed1c24;
    border-color: #ed1c24;
    height: 150px;
    width: 150px;
    top: -5px;
    left: 329px;
}
.teacher-krug{
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 5px 3px #0003;
}
.teacher-name{
    margin-top: 36px;
    margin-bottom: 15px;
}
.teacher-name a{
    font-family: Manrope Bold;
    font-size: 16px;
    color: #000000;
    text-decoration: underline;
}
.teacher-name a:hover{
    text-decoration: none;
    color: #5ab947;
}
.speach{font-size: 14px;
    line-height: 18px;margin-bottom: 50px;}

.knpk {
    border-radius: 7px;
    font-family: Manrope Bold;
    background: linear-gradient(0deg,#058bca,#00bdfd);
    font-size: 18px;
    color: #fff;
    padding: 15px 30px;
    box-shadow: 0px 1px 3px 0 rgb(40 40 40);
    text-decoration: none;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 75%);
}
.knpk:hover {color:#ffffff; text-decoration: none; background:#058bca; }

.blueback-letter{
    background-image: url(../images/bg-blue-letters.png);
    background-color: #e6eff2;
    margin-top: 0px;
    padding-bottom: 40px;
    box-shadow: inset 0 3px 5px #00000038;
}
.blueback-letter h1 {
    font-size: 30px; font-family: "Manrope Bold"; color:#231c37;margin-top: 35px;
}
.blueback-letter h2 {
    font-family: "Manrope Bold"; color:#231c37;
}
.ssilka{
    color:#0493c3;
   font-weight: bold;
    border-bottom: 1px solid;
}
.ssilka:hover {text-decoration: none;}
.bird-1 {
    position: relative;
    float: right;
    right: 197px;
    top: 2px;
}
.bird-2 {
    position: relative;
    float: right;
    right: -93px;
    top: 25px;
}
.bird-3 {
    float: right;
    position: relative;
    top: 23px;
}

.grn {
    background: #5ab947;
    color: #fff;
    font-size: 21px;
    max-width: 687px;
    border-radius: 7px;
    padding: 0px 15px;
    font-family: "Manrope Bold";
    margin-top: 30px;
    margin-bottom: 35px;
}
.grn p{padding-top: 5px;
    padding-bottom: 5px;}
.kaplaboard {margin-left: -78px;}

.menu-city a {
    font-size: 21px;
    font-family: "Manrope Bold";
    color:#0493c3;
    border-bottom: 1px dashed;
    margin-right: 38px;
}
.menu-city a:hover {text-decoration: none;}
.menu-city p {margin-top: 30px;}
.title-city h2 {font-family: "Manrope Bold"; font-size: 36px; color:#231c37; margin-top: 40px !important;}
.head-city {font-size: 24px;  margin-bottom: 30px;    line-height: 1.4;}
.city p {max-width: 582px;}
.city img {max-width: 100%;}
.citata {
    background: #fdf7cf;
    width: 100%;
    padding: 30px 40px 30px 50px;
    border-radius: 10px;
    margin-top: 40px;
}
.citata h3 {color:#231c37; font-size: 21px; font-family: "Manrope Bold"; text-align: left;}
.citata img {float: right;}
.citata p {font-family: "Manrope Book Italic"; font-size: 18px;  max-width: 965px; text-shadow: 0px 0px 1px rgb(0 0 0 / 50%);}

.sekret {
    background: #fff;
    width: 100%;
    padding: 30px 40px 30px 50px;
    border-radius: 10px;
    margin-top: 50px;
    border:3px solid #aeec9c;
    margin-bottom: 10px;
}
.kuryoz {
    background: #fff;
    width: 100%;
    padding: 30px 40px 30px 50px;
    border-radius: 10px;
    margin-top: 50px;
    border:3px solid #ed56a8;
    margin-bottom: 10px;
}

.sekret h3, .kuryoz h3 {color:#231c37; font-size: 21px; font-family: "Manrope Bold";}
.sekret img, .kuryoz img {float: right;
    margin-top: -15px;
    margin-right: -10px;}
.sekret p, .kuryoz p {font-family: "Manrope Book Italic"; font-size: 18px;  max-width: 935px; text-shadow: 0px 0px 1px rgb(0 0 0 / 50%);}

.lessons {
    width: 100%;
    border: 1px solid #cdcbcf;
    padding: 25px 20px;
    min-height: 215px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.lessons:hover{box-shadow: 0px 1px 3px 0px rgb(40 40 40 / 50%);}

.logo-kurs {float: left;    margin-right: 28px;
    margin-bottom: 30px;    border-radius: 10px;}
.lessons p{line-height: 15px;
    margin-bottom: 7px;}

.lessons a {
    color:#231c37;
    font-family: "Manrope Bold";
}
.lessons a:hover {text-decoration: none; color:#ed1c24;}

.level {}
.lessons h3{margin-top: 0px;
    font-size: 29px;
    line-height: 30px;
    margin-bottom: 15px;}
.pdbt80px {padding-bottom: 80px;}
.foot h2 {font-family: "Manrope Bold"; font-size: 30px !important;
    color:#231c37;    margin-bottom: 70px;}

.foot a {
    border-radius: 30px;
    font-family: Manrope Bold;
    background: linear-gradient(0deg,#39a624,#74d85f);
    font-size: 18px;
    color: #fff;
    padding: 16px 35px;
    box-shadow: 0px 1px 3px 0 rgb(40 40 40);
    text-decoration: none;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 75%);
}
.foot a:hover {color: #fff;background:#39a624; text-decoration: none; }

/* -------------------------------- НОВЫЙ ИНДЕКС ------------------------------*/

.container-fluid.ind-head {
   /* overflow: visible;*/
}

.ind-head {background-image: url(../images/green-green-fon.png);
    padding-bottom: 20px;}

.ind-h1{
    text-align: center;
    font-family: Manrope Bold;
    font-size: 23px;
    margin-bottom: 0;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 11px;
}
.mgtop-0 {max-width: 425px !important;     height: 40px;
    margin: 0 auto; text-align: center;}
.mgtop-0 a{color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-family: Manrope Light;
    margin-left: 8px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    /*float: left;*/}
.mgtop-0 a:hover {color: #fff;}
.ind-home-reg {
    text-align: right;
    color: #000;
    font-family: Manrope Bold !important;
    text-decoration: none !important;
    margin-top: 9px;
}
.ind-home-reg a {
    color: #000;
    font-family: Manrope Bold !important;
    text-decoration: none !important;
    font-size: 16px;
}
.ind-home-reg a:hover{border-bottom:3px solid #ffdb00;}
.startfree {
    color:#000 !important;
    font-family: "Manrope Bold" !important;
    font-size: 16px !important;
    text-shadow: none !important;
    padding: 5px 13px;
    border-radius: 20px;
    background: #ffdb00;
    box-shadow: 1px 2px 5px 1px rgb(40 40 40 / 30%);
}
.startfree:hover {text-decoration: none;
    background: #ffdb00; box-shadow:none;}
.divstartfree {margin-right: -45px; float: right;}
.napravleniya img {max-width: 100%;  border-radius: 5px;}
.napravlen {background: #00b4f1;
    width: 100%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    font-family: 'Manrope Bold Alt';
    border-radius: 17px;
    padding: 5px 0px;
    line-height: 1.2;
    position: relative;
}
.napravlen:hover {background: #239bc3;}
.no-aktiv {background: #d4e2e5;
    width: 100%;
    color: #504c5d;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
    font-family: 'Manrope Bold Alt';
    border-radius: 17px;
    padding: 5px 0px;
    line-height: 1.2;
    position: relative;
}
.mgtop-60{margin-top: 60px;}

.green-grad{
    background-image: url(../images/green-grad.png);
    overflow: hidden;
    min-height: 370px;
}
.white-kapla-left {
    background-image: url(../images/green-kapla-bg.png);
    width: 196px;
    height: 64px;
    position: relative;
    top: -6px;
    left: -76px;
}
.green-grad img {
    float: right;
    margin-right: -401px;
    margin-top: 107px;
    height: 33px;
    max-width: 100%;
}
.green-grad h2{
    font-family: Manrope Bold Alt;
    font-size: 40px;
    color: #fff;
    margin-top: 50px;
    line-height: 1.3;
}
.green-grad-wave{
    background-image: url(../images/green-grad-wave.png);
    height: 15px;
    width: 100%;
    margin-bottom: 90px;
}
.knpk-yellow {
    border-radius: 35px;
    max-width: 365px;
    font-family: Manrope Bold Alt;
    background: linear-gradient(to top, #ffb800, #fbfe00);
    font-size: 24px;
    padding: 15px 30px;
    -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    text-decoration: none;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    margin-top: 90px;
}
.knpk-yellow a {
    color:#231c37;
}
.knpk-yellow:hover {background: #ffda00;}
.knpk-yellow a:hover {text-decoration: none;}

.vesinteres{
    background-image: url(../images/vesintdes.png);
    padding-left: 8px;
    padding-top: 2px;
    color: #000;
    padding-bottom: 9px;
    padding-right: 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.home-top-grey {
    color: #4f4d5c;
    margin-bottom: 50px;
}
.home-top-grey p {
    font-size: 18px;
    font-family: Manrope Book;
    margin-bottom: -15px;
    margin-top: -15px;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 70%);
}
.big-grey {
    font-family: Manrope Black;
    font-size: 50px;
    color: #4f4d5c;
}
.zagolovok-h2{
    font-size: 35px !important;
    font-family: "Manrope Black";
    color: #231c37;
    text-align: center;
}
.hometeacher-tm{
    background-image: url(../images/hometeacher-tm.png);
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 8px;
}
.combo{
    background-image: url(../images/combo.png);
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 9px;
    padding-right: 8px;
}
.combo-format p{
    font-size: 24px;
    text-align: center;
}
.combo-blok {
    padding: 10px;
    max-width: 100%;
    min-height: 216px;
    border-radius: 20px;
    color: #fff;
    font-family: 'Manrope Bold';
    margin-bottom: 20px;
}
.blue-fon-text{
    font-size: 25px;
    color:#fff;
    background: #00b4f1;
    margin-bottom: 12px;
    padding: 0px 10px;
    border-radius: 20px;
    font-family: 'Manrope Light';
    margin-left: -10px;
}
.prepod {
    font-size: 24px;
    font-family: "Manrope Light";
    color:#4f4d5c;
    margin-top: 40px;
}
.podderzka{
    font-size: 24px;
    color:#000;
    font-family: "Manrope Bold";
}
.grey-shadow-line-kriv{
    background-image: url(../images/grey-shadow-line-kriv.jpg);
    height: 25px;
    width: 100%;
    margin-bottom: 40px;
}
.zanyatiya{
    background-image: url(../images/zanyatiya.png);
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 8px;
}
.zanyat {margin-bottom: 30px; margin-top: -30px;}
.zanyat img {max-width: 100%;}
.ind-video{width: 100%; height: 357px; border-radius: 7px; margin-top: 50px;}
.index-video{width: 100%; height: 625px; border-radius: 7px; margin-top: 50px;}

.poprob {
    font-family: "Manrope Black";
    font-size: 30px;
    color: #231c37;
    margin-top: 50px;
    line-height: 1.3;
    margin-bottom: 40px;
}
.poprobuj {
    background-image: url(../images/poprobuj.png);
    padding-left: 9px;
    padding-top: 3px;
    padding-bottom: 7px;
    padding-right: 7px;
    color: #fff;
    width: 384px;
}

.ind-name, .ind-phone {
    width:390px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #8b8496;
    font-size: 18px;
    font-family: "Manrope Book" !important;
    padding-left: 15px;
    margin-bottom: 35px !important;
    border-radius: 10px;
}
.ind-zapis{
    background: #01ba3a;
    color: #fff;
    font-family: "Manrope Bold Alt" !important;
    font-size: 24px;
    border-radius: 28px;
    width:230px;
}
.indotz {float: left; margin-right: 20px;}
.px21 {font-size: 21px;    margin-bottom: 10px;}
.palka{
    display:none;
    float: left;
    height: 170px;
    width: 1px;
    border-left: 1px solid lightgrey;
    margin-right: 40px;
}
.txtleft {text-align: left;}
.allotzv{
    color: #0493c3;
    font-size: 20px;
    font-family: "Manrope Bold";
    padding: 15px 30px;
    border: 2px solid #0493c3;
    border-radius: 30px;
}
.allotzv:hover {
    background: #0493c3;
    color: #fff;
    text-decoration: none;
}
.zadat{margin-top: 70px;}
.whatp{text-align: right !important;}
.tlg{text-align: left !important;}

.mgbt-ind {margin-bottom: 100px !important;}
.mobile-zan-head{
    font-family: "Manrope Bold";
    font-size: 20px;
    color:#fff;    /* margin-left: 15px;*/
}
.logo-mobile{/*margin-left: 15px;*/ float: left;    margin-top: 5px;}

.menu-mobile{
    position: absolute;
    right: -5px;
    top: 17px;
}
.slogan-mobile{color:#b1ffb9;}
.block-grey {
    width: 220px;
    text-align: left;
    margin-top: 50px;
    margin-left: 15px;
}

.combo-p{
    font-size: 20px;
    font-family: "Manrope Light";
    color: #4f4d5c;
    margin-top: 20px;
}



/* -------------------------------- НОВЫЙ ИНДЕКС КОНЕЦ ------------------------------*/


.ind-slogan-home{
    width: 255px;
    color: #fff;
    font-size: 16px;
    color: #caffbb;
    top: 3px;
    left: 2px;
    position: relative;
    font-family: Manrope Bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.zagolovok{text-align: center;
    font-family: Manrope Black;
    font-size: 36px !important;
}
.dopformat{
    top:20px;
    display: none;
    position: absolute;
    /*left: 40%;*/
    background: #ffdc00;
    z-index: 1;
    list-style: none;
    padding: 7px 7px 5px 5px;
    width: 210px;
    box-shadow: 1px 1px 3px 2px #00000038;
}
.dop {float: left;}
.dopformat a{font-family: "Manrope Bold"; color:#000; }
.dop:hover .dopformat {display: block !important;}
/*.ind-head {overflow: hidden !important;}*/

.banner-large {
    box-shadow: 0px 0px 40px #0000001a;
    border-radius: 7px;
    max-width: 100%;
}
/****************   Лендинги курсов *******************/


.blue-letters-girl{
    background: url(../images/blue-letters-girl.jpg) no-repeat 50%;
    text-align: left;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 22%);
    padding-top: 10px;
    min-height: 878px;
}
.breadcrumbs {
    font-size: 14px;
   /* background: #fff;*/
    /*max-width: 295px;*/
    padding-left: 7px;
    border-radius: 10px;
    margin-left: -7px;
}
.blue-letters-girl h1 {
    font-size: 50px;
    font-family: Manrope Black;
    margin-top: 15px;
    margin-bottom: 0;
    color: #000;
    background: url(../images/yellow-span.png) no-repeat 100%;
    max-width: 822px;
    padding-top: 2px;
}

.blue-letters-girl h3{
    font-size: 30px;
    font-family: Manrope Bold Alt;
    margin-bottom: 20px;
    color: #000;
}
.blue-letters-girl p {
    font-size: 20px;
    max-width: 800px;
    line-height: 1.5;
    color: #525f7f;
}
.chek {
    background: url(../images/chek.png) no-repeat 0 0;
    font-size: 20px;
    float: left;
    width: 25px;
    height: 20px;
    margin-top: 8px;
}
.red-chek {
    background: url(../images/red-chek.png) no-repeat 0 0;
    font-size: 20px;  float: left;   width: 25px;
    height: 20px;   margin-top: 8px;}
.blue-back-text {
    font-size: 20px;
    color: #fff;
    background: #00b4f1;
    margin-bottom: 12px;
    padding: 0px 10px;
    border-radius: 20px;
    font-family: 'Manrope Light';
    line-height: 1.8;
    /*margin-left: -10px;*/
}
.girl-notik {
    margin-left: -25px;
    margin-bottom: 20px;
    max-width: 110%;
}

.knpk-eng-kurs {
    border-radius: 35px;
    max-width: 360px;
    font-family: Manrope Bold Alt;
    background: linear-gradient(0deg,#39ab22,#49d92c);
    font-size: 18px;
    color: #fff;
    padding: 15px 20px;
    -webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    text-decoration: none;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    margin-top: 35px;
}
.knpk-eng-kurs:hover {background: #39ab22;}
.knpk-eng-kurs a, .knpk-eng-kurs a:hover, .knpk-blue a, .knpk-blue a:hover, .abonement a:hover {color:#fff !important; text-decoration: none;}
.vkurs {padding-top: 60px;}
.vkurs h2 {font-size: 40px;  font-family: Manrope Bold Alt;
    color: #262239;  margin-bottom: 30px;}
.iba {font-size: 35px!important;}
.vkurs img{ float: right;  margin-right: -35px;
    margin-left: 30px;  margin-bottom: 10px;}
.vkurs p {font-size: 20px;  margin-left: 35px;
    line-height: 1.4;  color: #000;}
.vkurs a {color:#5e72e4;}
.knpk-blue {
    border-radius: 20px;  max-width: 245px;
    font-family: Manrope Bold Alt;
    background: linear-gradient(0deg,#00a6f2,#00c7ff);
    font-size: 16px;   color: #fff;
    padding: 10px 20px; margin-top: 10px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    text-decoration: none;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    margin: -10px auto 30px auto;
    text-align: center;
}
.knpk-blue:hover{background: #00a6f2;}
.vkurs h3{ font-size: 25px;  font-family: Manrope Bold;
    color: #231c37;  margin-top: 30px;}
.galocka {
    margin-right: 0!important;
    margin-top: -110px;
    float: right!important;
}
.skytop {
    background: url(../images/sky-top.png) repeat center;
    width: 100%;
    height: 93px;
    margin-top: 50px;
}

.skydown {
    background: url(../images/sky-down.png) repeat center;
    width: 100%;
    height: 100px; margin-top: -1px;
}

.skydown-white {
    background: url(../images/skydown-white.png) repeat center;
    width: 100%;
    height: 94px; margin-top: -1px;
}

.skyfon {
    background: #00b4f1;
    min-height: 350px;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;margin-top: -1px;
}

.skyfon img {
    float: right;
    margin-right: -415px;
    margin-top: 107px;
    height: 33px;
    max-width: 100%;
}

.skyfon h2 {
    font-family: Manrope Bold Alt;
    font-size: 40px; text-align: left;
    color: #fff;
    margin-top: 50px;
    line-height: 1.3;
}

.skyfon p {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 20px;
    text-align: left;
}

.veselo {
    background-image: url(../images/veselo-interes.png);
    padding-left: 8px;
    padding-top: 2px;
    padding-bottom: 8px;
    color: #000;
    padding-right: 8px;
}

.blue-letters-back {
    background-image: url(../images/blue-letters-back.png);
    margin-top: 0;
    padding-bottom: 100px;
    text-align: left;
    padding-top: 70px;
}

.blue-letters-back h2 {
    font-size: 40px;
    font-family: "Manrope Black";
    color: #262239;
    margin-bottom: 30px;
}

.viborabonement {
    background-image: url(../images/viborabonement.png);
    padding-left: 8px;
    padding-top: 1px;
    padding-bottom: 8px;
    padding-right: 8px;
}

.abonement {
    max-width: 254px;
    min-height: 233px;
    border: 1px solid #d9e0e4;
    background: #fff;
    text-align: center;
    margin-top: 50px;
    border-radius: 10px;
    box-shadow: 2px 2px 9px rgb(0 0 0 / 20%);
}

.month-1, .month-3, .month-6, .month-12 {
    font-size: 22px;
    text-align: center;
    font-family: "Manrope Bold Alt";
    margin-bottom: 15px;
}

.month-1 {
    background: url(../images/month-1.png) no-repeat center;
    margin-top: 30px;
    color: #231c37;
}

.month-3 {
    background: url(../images/month-3.png) no-repeat center;
    margin-top: 30px;
    color: #231c37;
}

.month-6 {
    background: url(../images/month-6.png) no-repeat center;
    margin-top: 30px;
    color: #231c37;
}

.month-12 {
    background: url(../images/month-12.png) no-repeat center;
    margin-top: 4px;
    color: #fff;
}

.price {
    font-family: "Manrope Bold";
    font-size: 30px;
    color: #72717d;
}

.rubls {
    font-size: 18px;
}

.econom {
    font-size: 15px;
    color: #231c37;
    margin-bottom: 17px;
    margin-top: -6px;
    text-shadow: 0px 0px 0px rgb(0 0 0);
    font-weight: bold;
}

.all-course {
    color: #ed1c24;
    font-family: "Manrope Black";
    font-size: 18px;
}

.abonement a {
    border-radius: 35px;
    max-width: 230px;
    font-family: Manrope Bold Alt;
    background: -webkit-gradient(linear, left bottom, left top, from(#39ab22), to(#49d92c));
    font-size: 20px;
    color: #fff;
    padding: 14px 35px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    text-decoration: none;
}

.abonement a:hover {
    background: #49d92c;
}
.rezults{
    max-width: 254px;
    padding-top: 10px;
    padding-right: 5px;
    min-height: 346px;
    border: 1px solid #d9e0e4;
    background: #fff;
    text-align: center;
    margin-top: 10px !important;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 9px rgb(0 0 0 / 20%);
    box-shadow: 2px 2px 9px rgb(0 0 0 / 20%);
}
.rezults ul{
    text-align: left;
    font-size: 14px;
    list-style: none;
    color: #000;
    margin-left: -26px;
    margin-top: 5px;
}
.rezults ul li:before {
    content: "●";
    color: #ed1c24;
    display: inline-block;
    width: 1em;
}
.abonement {
    margin: 0 auto;
    margin-bottom: 30px;
}
.abonement a {
    padding: 15px 35px;
}

.obuchenie {
    padding-top: 100px;
    padding-bottom: 60px;
    overflow: hidden;
    box-shadow: inset 0 3px 5px #00000038;
}

.obuchenie h2, .sm-video h2 {
    font-size: 40px;
    font-family: Manrope Bold Alt;
    color: #262239;
    margin-bottom: 60px;
}

.obuchenie p {
    font-size: 18px;
    max-width: 270px;
    line-height: 1.4;
}

.strela {
    background-image: url(../images/strela.png);
    width: 176px;
    height: 19px;
    margin-top: 20px;
    left: 100px;
    position: absolute;
}

.bluekrug {
    width: 60px;
    height: 60px;
    border: 3px solid #00b4f1;
    border-radius: 50%;
    text-align: center;
    color: #4f4d5c;
    background: #fff;
    padding-top: 10px;
    font-size: 24px;
    font-family: "Manrope Bold";
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.strelka-krivaya {
    margin-left: 35px;
    margin-top: -40px;
    padding-bottom: 5px;
    max-width: 100%;
}

.hello {
    position: absolute;
    top: -150px;
    left: -20px
}
.liniya {
    background-image: url(../images/liniya.png);
    width: 100%;
    height: 36px;
    margin-top: 30px;
}
.sertifikats {
    background-image: url(../images/sertifikat.png);
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 8px;
    padding-right: 8px;
}
.bigwavetop {
    background: url(../images/bigwavetop.png) no-repeat center;
    width: 100%;
    height: 190px;
    margin-top: -25px;
}
.vidosik {
    width: 100%;
    height: 205px;
    border-radius: 15px;
    margin-right: 0 !important;
    /* margin-bottom: 100px !important;*/
}
.vidok {width:100%; height: 623px; margin-top: 30px; margin-bottom: 30px; border-radius: 15px;}
.otzivh2 {
    font-size: 36px!important;
    font-family: Manrope Black!important;
    color: #231c37!important;
    margin-bottom: 60px!important;
}
.last-stav {padding-top: 70px; padding-bottom: 40px;}
.last-stav h2 {font-size: 40px; font-family: Manrope Bold Alt;  color: #262239; margin-bottom: 40px;}
.viborabon-last {
    background-image: url(../images/viborabon-last.png);
    padding-left: 8px;
    padding-top: 1px;
    padding-bottom: 8px;
    padding-right: 8px;
}
.last-faq{font-size: 30px !important; font-family: "Manrope Light"!important;}

.getpresent h3{
    font-size: 30px;
    font-family: Manrope Bold Alt;
    color: #262239;
    margin-bottom: 40px;
    text-align: center;
}

@media screen and (max-width: 1199px) and (min-width: 1024px){
    .right-yellow img {width:165px;}
    .left-blue img {width:165px;}
    .choose-course select{width:230px;}
    .choose-age select {width:230px;}
    input  {width:230px;}
    .wttg a {font-size: 16px;}
    .skill-text-1{left: 107px;}
    .skill-text-2{left: 266px;}
    .divstartfree{float: none; margin-right: 0px;margin-top: 10px;
        margin-bottom: -10px;}
    .combo-blok {min-height: 180px;}
    .hello {top: -110px; left: -115px;}
    .vidok {height: 550px;}
}

@media (max-width: 1024px) {
	.right-yellow img {width:165px;}
    .left-blue img {width:165px;}
	.home-footer-menu, .home-main-title h1, .home-main-title .divh1 {margin-left:30px;}
	.home-main-title {margin-left:20px;}
	.teacher-blue-knopka{padding:15px 6px;}
	.homevideo{height:525px;}
	.choose-course select{width:230px;}
	.choose-age select {width:230px;}
	input  {width:230px;}
    .wttg a {font-size: 16px;}
    .skill-text-1{left: 107px;}
    .skill-text-2{left: 266px;}
    .skill-text-8{display: none;}
    .bird-1, .bird-3 {display: none;}
    .green-wave-top,.green-wave-bottom {background-size: auto;}
    .home-kurs h2 {font-size: 25px;}
    .divstartfree{float: none; margin-right: 0px;margin-top: 10px;
        margin-bottom: -10px;}
    .ind-video{height: 298px;}
    .index-video{height: 525px;}
    .slogan-footer{width: auto;}
    .combo-blok {min-height: 180px;}
    .vidosik {height: 172px;}
}

@media screen and (max-width: 1000px) and (min-width: 961px){
   .home-logo {margin-left:-65px;}
    .home-ceneter-menu {margin-left:75px;}
	.home-right-menu {margin-left:-18px;}
	.choose-course select, .choose-age select, .knopka input {width:170px;}
	.block-green {width:100%;}
	.big-green {font-size:40px;} .small-green{font-size:21px;}
	.home-kurs h2{font-size: 28px;} .easy{left:165px;}
	.home-kurs-img {width:55px;}
	.home-kurs p{margin-left:1px;}
	.left-blue img {width: 105px;}
	.left-blue p {margin-top: 20px; margin-bottom: 35px;}
	.hometeacher{margin-top:55px;}
	.yellow-knopka{padding: 15px 45px;}
	.right-yellow img {width: 105px;}
	.onlineteacher{margin-top:55px;}
	.right-yellow p {margin-top: 14px; margin-bottom: 40px;}
	.blue-knopka{padding: 15px 46px;}
	.home-footer-menu{margin-left: 100px !important;}
	.home-mention{margin-left: 1px;}
	.medal img  {margin-left: 1px;}
	.teacher-blue-knopka{font-size: 12px; padding: 15px 2px;}
    .wttg {float: none; margin-bottom: 5px;}
    .entry-textarea {width:100%;}
    .hello {top: -160px;}
    .vidok {height: 420px;}
}

@media (max-width: 960px) {
	.home-logo {margin-left:-65px;}
    .home-ceneter-menu {margin-left:75px;}
	.home-right-menu {margin-left:-18px;}
	.choose-course select, .choose-age select, .knopka input {width:170px;}
	.block-green {width:100%;}
	.big-green {font-size:40px;} .small-green{font-size:21px;}
	.home-kurs h2{font-size: 28px;} .easy{left:165px;}
	.home-kurs p{margin-left:1px;}
	.home-kurs-img {width:55px;}
	.left-blue img {width: 105px!important;}
	.left-blue p {margin-top: 20px; margin-bottom: 35px;}
	.hometeacher{margin-top:55px;}
	.yellow-knopka{padding: 15px 45px;}
	.right-yellow img {width: 105px!important;}
	.onlineteacher{margin-top:55px;}
	.right-yellow p {margin-top: 14px; margin-bottom: 40px;}
	.blue-knopka{padding: 15px 46px;}
	.home-footer-menu{margin-left: 100px !important;}
	.home-mention{margin-left: 1px;}
	.medal img  {margin-left: 1px;}
	.homevideo{height:390px;}
    .wttg {float: none; margin-bottom: 5px;}
    .skill-text-1{left: 0px;}
    .skill-text-2{left: 135px;}
    .skill-text-3{left: 0px;}
    .skill-text-4{left: 390px;}
    .skill-text-5{left: 400px;}
    .skill-text-6{left: 530px;}
    .skill-text-7{left: 525px;}
    .entry-textarea {width:100%;}
    .mgtop-0 a{margin-right: 38px;}
    .block-grey {width: auto;}
    .ind-video{height: 220px;}
    .index-video{height: 388px;}
    .ind-name, .ind-phone{width:100%;}
    .poprob{font-size: 23px;}
    .vidok {height: 420px;}
}

@media screen and (max-width: 959px) and (min-width: 801px){
	.home-logo {margin-left:-30px;}
	.home-ceneter-menu {margin-left: 45px;}
}

@media (max-width: 800px) {
	.home-logo {margin-left:-30px;}
	.home-ceneter-menu {margin-left: 45px;}
	.entry2{width:300px;}
    .vidok {height: 440px;}
}

@media screen and (max-width: 799px) and (min-width: 769px){
	.home-logo {margin-left:-23px;}
	.home-ceneter-menu {margin-left: 40px;}
}

@media (max-width: 768px) {
	.home-logo {margin-left:-23px;}
	.home-ceneter-menu {margin-left: 40px;}
	.choose-course select, .choose-age select, .knopka input {
    width: 170px;}
}

@media screen and (max-width: 767px) and (min-width: 601px){
	.home-logo {margin-left:-30px;}
	.home-ceneter-menu {margin-left: 165px;}
	.home-main-title {margin-left:0px;}
	.home-main-title h1, .home-main-title .divh1 {margin-left: -40px;}
	.home-right-menu {margin-left: 0px;}
	.home-main-faq{
		text-align: right;
		margin-top: -90px;}
	.home-reg {margin-left:0px; text-align: center;}
	.home-reg a {font-size:16px;}
	.choose-course select, .choose-age select, .knopka input {width:170px;}
	.choose-course select, .choose-age select {margin-left:0px;}
	.block-green{width:114px;}
	.big-green {font-size: 30px;} .small-green {font-size: 16px;}
	.home-kurs-img{display:none;}
	.zapis a{padding: 12px 15px;}
	.hometeacher{margin-left:-15px;}
	.left-blue p {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
	font-size:16px;}
	.yellow-knopka{padding:15px 15px;
	font-size: 16px;
	margin-left: 0px;}
	.onlineteacher{margin-left:-20px;}
	.right-yellow p{ margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;}
	.blue-knopka {padding: 15px 15px;
	    font-size: 16px;}
    .faq-a {margin-right: 0px;}
    .tlf {float: none; width:150px;}
    .razuchim {background-image: url(../images/skills-boy.png);}
    .skill-text-1{width:150px; height:150px; top:0px;left:40px;}
    .skill-text-2{left: 20px; top:125px;}
    .skill-text-3{left: 33px; top:215px;}
    .skill-text-4{left: 328px;width:140px; height:140px; }
    .skill-text-5{left: 300px;}
    .skill-text-6{left: 358px;width:130px; height:130px; top:108px;}
    .skill-text-7{left: 165px;top:230px;}
    .vidok {height: 295px;}
}

@media (max-width: 640px) {
	.choose-course select, .choose-age select, .knopka input {
    width: 133px;}
	.homevideo {height: 287px;}
    .faq-a {margin-right: 0px;}
    .razuchim {background-image: url(../images/skills-boy.png);}
    .skill-text-1{width:150px; height:150px; top:0px;left:40px;}
    .skill-text-2{left: 20px; top:125px;}
    .skill-text-3{left: 33px; top:215px;}
    .skill-text-4{left: 328px;width:140px; height:140px; }
    .skill-text-5{left: 300px;}
    .skill-text-6{left: 358px;width:130px; height:130px; top:108px;}
    .skill-text-7{left: 165px;top:230px;}
}

@media (max-width: 600px) {
	.home-logo {margin-left:-30px;}
	.home-ceneter-menu {margin-left: 165px;}
	.home-main-title {margin-left:0px;}
	.home-main-title h1, .home-main-title .divh1 {margin-left: -40px;}
	.home-right-menu {margin-left: 0px;}
	.home-main-faq{
		text-align: right;
		margin-top: -90px;}
	.home-reg {margin-left:0px; text-align: center;}
	.home-reg a {font-size:16px;}
	.choose-course select, .choose-age select, .knopka input {width:130px;}
	.choose-course select, .choose-age select {margin-left:0px;}
	.block-green{width:114px;}
	.big-green {font-size: 30px;} .small-green {font-size: 16px;}
	.home-kurs-img{display:none;}
	.zapis a{padding: 12px 15px;}
	.hometeacher{margin-left:-15px;}
	.left-blue p {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
	font-size:16px;}
	.yellow-knopka{padding:15px 15px;
	font-size: 16px;
	margin-left: 0px;}
	.onlineteacher{margin-left:-20px;}
	.right-yellow p{ margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;}
	.blue-knopka {padding: 15px 15px;
	    font-size: 16px;}
	.home-main-faq{text-align: left;}
	.faq-a{margin-right: 0px;}
	.hometeacher-choose, .duck{display:none;}
	.homevideo {height: 287px;}
    .wttg{margin-left: 0px;}
    .wttgfoot{float: none; margin-top: 10px;
        margin-bottom: -5px;}
    .wttgfoot img {float: none; margin-left: 0px;}
    .tlf {float: none; width:150px;}
    .vidok {height: 295px;}
}


	.mobile-reg{height: 26px; background: #231c37; text-align:center;margin-bottom:165px;}
	.mobile-registr{width:31%;overflow:hidden;}
	.mobile-registr a{color: #caffbb; font-family: Manrope Bold;  margin-left: 10px; font-size:13px;}
	.mobile-registr a:hover{color: #caffbb;}
	.mobile-faq{background: #cdcbcf;
    text-align: center;
    width: 15%;
    height: 26px;
    float: right;}
	.mobile-ru {background: #caffbb; float:right;; width:8%;text-align: center; height:26px;}
	.mobile-ru a {color:#5ab947;font-family: Manrope Bold; font-size:13px;}
	.mobile-ru a:hover{color:#5ab947;}
	.mobile-en {background: #4f4d5c; float:right;; width:8%;text-align: center; height:26px;}
	.mobile-en a {color:#5ab947;font-family: Manrope Bold; font-size:13px;}
	.mobile-en a:hover{color:#5ab947;}
	.mobile-logo{margin-top:5px;}
	.mobile-choose{width: 100%;
    background: #ffdb00;
    margin-top: 25px;
    height: 45px;
    display: none;
    padding-top: 10px;}
	.mobile-choose a{color:#001033; font-size:18px;}
	.back{margin-left:20px; margin-right:10px;}
	.lk-in{float:right; margin-right:10px;}
	.mobile-white {height:36px; padding-top:3px;}
	.on-index {font-family: Manrope Bold; color:#231c37; border-bottom:1px solid #d7e1e5;}
	.biga{color:#001033;
	font-family:Manrope Bold;
	font-size:18px;}
	.mobile-blue{background: #00b4f1;
    height: 45px;
    float: right;
    width: 50%;
    padding-top: 10px;
    margin-top: -10px;}
	.h2otzyv{font-size:30px; margin-bottom: 30px;}
	.mobile-footer-menu{display:none;}
	.entrys{text-align:right;}
	.entrys-l{text-align:left;}

@media (max-width: 580px) {
	.home-logo {text-align:center;}
	.home-main-faq {text-align:center;}
	.choose-course{    margin-bottom: 20px;  text-align: center;}
	.choose-age{text-align:center;}
	.knopka{text-align:center;}
	.home-reg{text-align:center;}
	.home-top-green{width:49%;
	    margin-bottom: 30px;
		    margin-top: 25px;}
	.kapla-home{left:38%;}
	.home-page{background:none;}
	.left-blue {
		padding-top: 15px;
		background: #00b4f1;
		min-height: 400px;}
	.right-yellow {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 30px;
    min-height: 410px;
    background: #ffdb00;
	margin-bottom:30px;}

	/*.container-fluid{padding-left:0px!important; padding-right:0px!important;}*/
	.container{padding-left:0px!important; padding-right:0px!important;}
	.slogan-home{width:100%; left:-1px;}
	.zapis a {padding: 12px 9px;}
	.onlineteacher { margin-left: -30px;}
	.hometeacher {margin-left: -7px;}
	.left-blue p{margin-left:10px; width: 205px; margin-top: 15px; margin-bottom: 35px;}
	.right-yellow p { margin-top: 15px; margin-bottom: 45px;}
	.home-footer-menu { margin-left: 135px !important;}
	.home-main-title h1, .home-main-title .divh1 {margin-left:0px;}
	/*.container-fluid{overflow:hidden;}*/
	.header-nav {display:none;}
	.home-first p{margin-left:10px; margin-right:10px;}
	.white-bg p{margin-left:10px; margin-right:10px;}
	.white-bg li{margin-right:7px;}
	.white-bg h2{margin-left:10px; margin-right:10px;}
	.home-first h1 {text-align: center; margin-left:5px;}
	.cifri{margin-left:20px;}
	.tsi-text{margin-right:25px;}
	.breadcrumbs{margin-left:20px;}
	.strongh1{margin-left:20px;}
	.px18{margin-left:20px !important; margin-right:20px !important;}
	.map{margin-top:-70px;}
	.greenh2, .blueh2{margin-left:20px;}
	.duck,.hometeacher-choose, .mobile-noimg, .tv-bird, .krugdiv{display:none;}
	.about-fr h2, .about-fr h3, .about-fr p {margin-left: 10px; margin-right: 10px;}
	.mobile-partner{display:block;}
	.blue-knopka-left{margin-left:20px !important;}
	.mob{display:block;}
	.slider-left{left:18px;}
	.slider-right{right:0px;}
	.teacher-blue-knopka{padding:15px 35px;}
	iframe{max-width:99%;}
	.homevideo {height: 302px;}
    .blue-wave-top, .grey-krivaya {background-size: auto;}
    .mrgtop-30, .mrgtop-70{margin-top: 0px;}
    .land-t-h2, .land-t-links-items a {margin-left: 20px;}
    .anons img, .white-bg h1, {margin-left: 15px;}
    .sekret-top a{border-bottom: 1px solid #fff;}
    .anons img {margin-left: 15px;}
    .anons {padding-left: 15px; padding-right: 15px;}
    .white-bg h1 {margin-left: 15px;}
    .grey-bg-line h1 {margin-left: 15px;}
    .land-t-text h3 {margin-left: 15px;}
    .sertifikat {max-width: 100%; margin-top: 20px; margin-bottom: 20px;}


}

.mobile-index {display: none;}
.socseti{margin-top:30px;}

.socseti-new {margin-left: 8px; margin-top: 20px; text-align: center;}

.vk{background-image: url(../images/vk.png);}
.vk:hover{background-image: url(../images/vk_hover.png);}

.insta{background-image: url(../images/instagram.png);}
.insta:hover{background-image: url(../images/instagram_hover.png);}

.ytb{background-image: url(../images/youtube.png);}
.ytb:hover{background-image: url(../images/youtube_hover.png);}

.tiktok{background-image: url(../images/tiktok.png);}
.tiktok:hover{background-image: url(../images/tiktok_hover.png);}

.tg{background-image: url(../images/tg.png);}
.tg-y{background-image: url(../images/telegram-yellow.png);}
.tg:hover{background-image: url(../images/tg_hover.png);}
.wht-y {background-image: url(../images/whatsup-yellow.png);}

.ok{background-image: url(../images/ok.png);}
.ok:hover{background-image: url(../images/ok_hover.png);}

.fb{background-image: url(../images/fb.png);}
.fb:hover{background-image: url(../images/fb_hover.png);}

.socseti a, .socseti-new a{
	    display: inline-block;
	height: 36px;
    width: 36px;
    margin-right: 10px;
    border-radius: 8px;
}
.top-green { color: #20770f;}
.mobile{display:none !important;}
.fl-copyright{font-size:16px;  text-align: left; margin-bottom: 10px;    padding-left: 25px !important;
    padding-right: 25px !important;}
.fl-counters{text-align:right;}
.fl-counters a{color:#000; border-bottom:1px dashed;}
.fl-counters a:hover{text-decoration:none; border-bottom:1px solid;}
.footer-last{margin-top:15px; min-height:40px;}
.about{font-family:Manrope Light!important; font-size:16px!important;}
.obratniy{font-size: 16px!important;
    font-family: Manrope Light!important;
    text-decoration: none!important;
    border-bottom: 1px dotted;}
.dshd {border-bottom: 1px dashed;}

.mgtop-30{margin-top: 30px;}

.ochniye {font-size: 18px !important; color: #fff !important; text-decoration: none !important;}
.mobik{
     border-top: 1px solid lightgrey;
     margin-left: 20px;
     margin-right: 20px; padding-top: 20px;
 }
.mobik a {color:#fff !important; margin-left: 0px !important; font-family: "Manrope Bold"!important;}
.phone-footer-mobile{text-align: center; margin-top: 20px; margin-bottom: 20px;}
.phone-footer-mobile a{
    font-size: 30px !important; margin-left: 0px !important;
    color: #fcff00 !important;
    font-family: "Manrope Bold";
}
.phone-footer-mobile img{margin-top: 20px;}
.foot-slogan {width: auto; left:0px}
.mobile-footer-ind-new {padding-bottom: 10px;}
.adwards {text-align: center;}
.adwards img{margin-right: 10px;}


@media (max-width: 575px) {
	.choose-course select, .choose-age select, .knopka input {
    width: 290px;}
	.knopka {margin-top:-10px;}
	.desktop{display:none !important;}
	.mobile{display:block !important; min-height: 160px;     padding-left: 10px;}
	.block-green { width: 49%; float:right;}
	.big-green { font-size: 40px;}
	.small-green { font-size: 21px;}
	.top-green p{margin-bottom: -10px; margin-top: -10px;}
	.kapla-home {left: 35%;}
	.slaider-title {margin-bottom:40px;}
	.home-kurs{text-align:center;}
	.easy{left:0px;     top: -90px;}
	.kurs p{text-align:center;}
	.zapis a {padding: 12px 30px;}
	.left-blue{text-align:center;  min-height: 595px !important;  padding-right: 15px !important;}
	.left-blue img {float:none; width: 173px!important;  margin-top: 15px;}
	.hometeacher { margin: 0 auto;margin-top: -30px; padding-left: 0px;}
	.left-blue p {width: 100%; margin-left: 0px;    padding-left: 5px;}
	.yellow-knopka {padding: 15px 50px; font-size: 18px; margin-left: 0px;}
	.right-yellow{text-align:center;  min-height: 595px !important;  padding-left: 15px !important;}
	.right-yellow img {float:none; width: 213px!important;  margin-top: 15px;}
	.right-yellow p {width: 100%; margin-left: 0px;    padding-left: 5px;}
	.blue-knopka {padding: 15px 50px; font-size: 18px; margin-left: 0px;}
	.onlineteacher{margin: 0 auto;margin-top: -30px;}
	.big{padding-left:10px; font-size: 18px; line-height: 1.4;}
	.home-order{padding-top: 0px; padding-left: 10px;}
	.m-photo{text-align:center;}
	.home-mention{padding-left: 25px!important; padding-right: 20px!important;}
	.home-footer{text-align:center;}
	.slogan-home-white {width:100%;}
	.desktop-footer{display:none !important;}
	.mobile-choose a{color: #001033!important;}
	.right-yellow{box-shadow: 0px 1px 5px 0 rgba(40, 40, 40, 0.45);}
	.onlineteacher a{margin-left:-40px;}
	.mobile-footer-menu{display:block;}
	.mobile-footer-menu a{
		color: #caffbb;
		font-size: 18px;
		margin-left: 20px;
		margin-top: 10px;
		font-family: Manrope Bold;
		/*text-decoration: underline;*/
		}
	.mobile-footer-reg p {
		margin-top: 10px;
		margin-bottom: 0px;
		margin-left: -30px;	}
	.redh2 {margin-top:40px; line-height:1.2;}
	.home-order img {display:none;}
	.teachers{
		    background: #e6f0f2;
			padding-top: 40px;
			padding-bottom: 40px;
			margin-bottom: 40px;
			box-shadow: 0px 1px 5px 0 rgba(40, 40, 40, 0.45);}
	.justify-content-center {text-align:center;}
	.home-mention a{display:block;}
	.h2otzyv{text-align:center;}
	.socseti{margin-left:10px;   margin-top: 10px;}
	.socseti a{
		margin-right: 0px !important;
		margin-left: 10px !important;
		/*float: left;*/
        margin-bottom: 10px;}
	.mobile-choose {display:block;}
	.fl-counters{display:none;}
	.green-lng{text-align:center;}
	.en-menu{background-position: 110px -1px;   margin-bottom: 10px;}
	.fr-menu{background-position: 107px 2px;    margin-bottom: 10px;}
	.de-menu{background-position: 101px 7px;    margin-bottom: 10px;}
	.es-menu{background-position: 104px 7px;    margin-bottom: 10px;}
	.ch-menu{background-position: 104px 7px;    margin-bottom: 10px;}
	.ru-menu{background-position: 102px 8px;    margin-bottom: 10px;}
	.green-wave-bottom{margin-top:-1px;}
	.about-onlineteacher{text-align:center; margin-bottom:50px;}
	.about-hometeacher{text-align:center;}
	.dla-kogo {
    margin-top: 50px;
    margin-bottom: 20px;
    padding-left: 20px;}
	.dla-kogo-kak h4{background-image: url(../images/kogo-kak.png) !important; margin-bottom:30px;}
	.dla-kogo h4{background-image: url(../images/kogo.png) !important;}
	.entrys{text-align:center;}
	.entrys-l{text-align:center;}
	.entry2{width:300px;}
	.desktop-vers{display:none!important;}
	.mobile-vers{display:block!important;}
	.homevideo {height: 311px; margin-left:2px;}
	.mglft-50px{margin-left:0px;}
    .eng{margin-top: 190px;}
    .redh3 {margin: 15px;}
    .whatp, .tlg {padding-top: 0px;}
    .skill-text-1{width:150px; height:150px; top:0px;left:40px;}
    .skill-text-2{left: 20px; top:125px;}
    .skill-text-3{left: 33px; top:215px;}
    .skill-text-4{left: 328px;width:140px; height:140px; }
    .skill-text-5{left: 300px;}
    .skill-text-6{left: 358px;width:130px; height:130px; top:108px;}
    .skill-text-7{left: 165px;top:230px;}
    .blueback-letter h1 {margin-left: 20px; font-size: 27px;}
    .grn {font-family: 'Manrope Light';
        border-radius: 0px;
        padding-top: 25px;
        padding-bottom: 30px;}
    .bird-2{margin-top: -42px;
        right: 0px;}
    .blueback-letter h2 {margin-left: 20px; margin-right: 15px;}
    .kaplaboard {margin-left: -60px;}
    .title-city h2 {font-size: 27px;margin-left: 0px; margin-right: 0px;    line-height: 32px !important;}
    .head-city {font-size: 20px; margin-left: 20px !important; margin-right: 20px !important;}
    .city {text-align: center;    margin-bottom: -20px;}
    .city p {text-align: left;}
    .city img {margin-top: 20px; margin-bottom: 30px;}
    .citata {padding: 30px 15px 30px 20px;  border-radius: none;}
    .citata p, .sekret p, .lessons p {margin-left: 0px !important; margin-right: 0px !important;}
    .sekret, .kuryoz {padding: 30px 15px;  margin-left: 20px;  margin-right: 20px;   width: auto;    text-align: left;  margin-top: 35px;}
    .lessons {padding: 0px 20px; text-align: left; min-height: auto; border:none;}
    .lessons:hover {box-shadow: none;}
    .logo-kurs {float: none; margin-right: 100%; margin-bottom: 20px;}
    .foot h2 {font-size: 24px !important;}
    .home-kurs-img {float: none;}
    .divstartfree{
        float: none;
        margin-right: 0px;
        margin-left: 15px;
        margin-top: 10px;
    }
    .pdrght0px {padding-right: 15px !important;}
    .zagolovok{font-size: 24px !important;     margin-top: 15px !important;
       /* margin-left: 0px !important;*/
    }

    .list-menu{
        /*display: flex;*/
        list-style: none;
        margin-left:0px;
    }
    .list-menu > li > a{
        color: #000;
        display: block;
        padding: 3px 0px;
        margin-left: -30px;
        font-family: 'Manrope Bold';
    }
    .list-menu > li > a:hover{
        /*background: #000;*/
    }

    #btn-menu{
        display: none;
    }
    #btn-menu + label{
        display: none;
        position: relative;
        color: #fff;
        height: 20px;
        z-index: 1;
        cursor: pointer;
    }
    #btn-menu + label:before{
        /*content: '\f0c9';  */
        display: inline-block;
        font-family:'FontAwesome';
        font-size: 22px;
    }
    #btn-menu:checked + label:before{
        /*content: '\f00d';*/
        color: #f00;
    }
    #btn-menu + label{
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 40px;
       /* border: 3px solid #fff;*/
        height: 40px;
        border-radius: 5px;
    }
    #btn-menu + label + .list-menu{
        display: none;
    }
    #btn-menu:checked + label + .list-menu{
        display: block;
    }
    .list-menu {width: 240px;
        background: #ffdc00;
        box-shadow: -1px 4px 10px 3px black;
        /*position:absolute;*/
        position: fixed;
        z-index:111;
        right: 3px;
        top: 116px;
        padding-right:10px;
    }

    .napravleniya{margin: 0px;
        text-align: center;
        margin-right: -30px;     margin-top: -20px;
        padding-left: 15px;
        padding-right: 0px;
    }
    .mobile-index {display: inline-block !important;}
    .napravlen{width: 255px;
        display: inline-block;
        top: -17px;     margin-bottom: 20px;}
    .mob-mgbt {margin-bottom: 40px!important;}
    .nagreen {left:32% !important;}
    .green-grad h2{font-size: 24px; text-align: center;}
    .vesinteres{background-image: url(../images/vesintdes-mobile.png);
        padding-left: 9px;
        padding-top: 5px;
        line-height: 2;
        padding-bottom: 10px;
        padding-right: 9px;}

    .knpk-yellow{margin-top: 10px; display: inline-block;    width: 300px;
        border-radius: 50px;}
    .green-grad img{display: none;}
    .green-grad h2{margin-top: 30px;}
    .green-grad{min-height: 400px;}
    .home-top-grey{margin-bottom: 0px;}
    .home-top-grey p{margin-left: 0px !important;}
    .mob-70 {margin-top: 50px;}
    .block-grey{margin-top: 0px;}
    .blue-fon-text{font-size: 20px; margin-left: 15px;}
    .hometeacher-tm{margin-left: -5px;}
    .zagolovok-h2{margin-left: 15px !important;}
    .prepod, .podderzka{font-size: 20px;}
    .poprob{margin-left: 15px;    margin-right: 15px;}
    .poprobuj{
       /* background-image: url(../images/poprobuj-mobile.png);*/
        background: none;
        color: #231c37;
        width: 209px;
        height: 73px;
        line-height: 1;
        padding-top: 7px;
        padding-bottom: 0px
    }
    .ind-name, .ind-phone{width:90%; margin-left: 15px;}
    .ind-zapis{margin-left: 15px;}
    .txtleft{text-align: center;}
    .indotz{float: none;}
    .nameotzyv{font-size: 21px; margin-bottom: 5px; margin-top: 5px;}
    .slider-left{left:32px;}
    .slider-right{right: 12px;}
    .whatp, .tlg {text-align: center !important;}
    .ind-video{height: 298px;
        margin: 15px;
        width: 95%;}
    .poprob{font-size: 30px;}
    .index-video{height: 288px;}
    .combo-blok {min-height: auto;}
    .blue-letters-girl {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 60px; overflow: hidden;
        background: url(/images/blue-letters-back.png) repeat;
    }
    .blue-letters-girl h1 {
        font-size: 40px;line-height: 1.1; background: none}

    .blue-letters-girl h3 {	font-size: 22px;margin-top: 10px;}

    .yellow-span {
        background-image: url(/images/yellow-span-mob.png);
        font-size: 30px;
        padding-left: 8px;
        padding-top: 2px;
        padding-bottom: 3px;
        padding-right: 11px;
    }
    .vkurs {padding-left: 15px!important;    padding-right: 15px!important;
        box-shadow: inset 0 3px 5px rgb(0 0 0 / 22%);
    }
    .vkurs img { float: none; max-width: 80%;
        margin-right: 0!important;}
    .iba {font-size: 29px!important; }
    .skyfon h2 {font-size: 25px; line-height: 1.5;}
    .skytop {margin-top: 0px;}
    .skyfon{padding-left: 15px!important; padding-right: 15px!important; padding-top: 0;}
    .girl-notik{width: 106%;}
    .veselo {
        background-image: url(../images/veselo-interes-mob.png);
        padding-left: 8px; padding-top: 4px;  padding-bottom: 10px;
        color: #000;   padding-right: 13px;
    }
    .knpk-yellow {margin-top: 40px;
        font-size: 20px; padding: 15px;}
    .blue-letters-back h2, .last-stav h2 {font-size: 33px; text-align: center;}
    .rezults {margin: 10px auto; min-height: auto;}
   .ind-head{overflow: hidden;}
    .viborabonement {
        background-image: url(../images/viborabonement-mob.png);
        width: 240px;
        line-height: 1.2;
        margin: 0 auto;
        padding-top: 1px;
        padding-bottom: 2px;
        margin-bottom: 30px;
        margin-top: -10px;
    }
    .bluekrug {
        float: left;  margin-right: 10px;
        margin-bottom: 40px;}
    .strela {display: none;}
    .obuchenie {padding-bottom: 0px;}
    .liniya{margin-top: 10px;}
    .obuchenie p{max-width: 100%;}
    .sm-video h2 {font-size: 30px;}
    .sertifikats{background: none; padding: 0px;}
    .vidosik {width: 85%; height: 270px;}
    .skydown-white{background: url(../images/sky-down.png) repeat center;}
    .last-stav{
        background: url(../images/blue-letters-back.png) repeat;
        padding-bottom: 0; padding-top: 40px;
    }

}

@media (max-width: 481px) {
	.mykurs {display:block; border-bottom:none !important;}
	.dark-a {line-height:40px;}
	.homevideo {height: 258px;}
    .skill-text-1{left:20px;}
    .skill-text-4{left:295px;}
    .skill-text-6{left:315px;}
    .ind-video{height: 247px;}
    .index-video{height: 268px;}
    .vidosik {height: 230px;}
    .vidok {height: 245px;}
}
@media (max-width: 400px) {
	.kapla-home {left: 30%;}
	.white-kapla{left: 30%;}
	.homevideo {height: 214px;}
    .skill-text-1{width:120px; height:120px; left:15px;}
    .skill-text-2{top:108px;}
    .skill-text-3{left:19px;width:130px; height:130px;}
    .skill-text-4{width:125px; height:125px; left:243px;}
    .skill-text-5{left:240px;}
    .skill-text-6{width:120px; height:120px; left:243px;}
    .skill-text-7{width:130px; height:130px; left:140px;}
    .ind-video{width: 93%; height: 200px;}
    .vidosik {width: 85%; height: 172px;}
    .vidok {height: 200px;}

}
@media (max-width: 414px) {.ind-video{height: 217px;}.index-video{height: 231px;}}
@media (max-width: 375px) {
	.homevideo {height: 209px;}
    .miniw {margin-left: 6px;}
    .mobile-logo{width:240px;}
    .logo-mobile{text-align: left;}
    .slogan-home{font-size: 12.27px;}
    .ind-video{height: 197px;}

}

@media (max-width: 320px) {
	.right-yellow {min-height:640px;}
	.homevideo {height: 180px;}
    .mobile-registr a{margin-left: 3px;}
    .ind-video{height: 169px; width: 92%;}
    .index-video{height: 209px;}

}

.divh1 {
    font-weight: 700;
}



.krivaya-exam {
    background-image: url(../images/bg-blue-wave.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 19px;
    background-size: 100%;
}

.exam-container {
    background-image: url(../images/bg-blue-letters.png);
    background-color: #e6eff2;
    margin-top: 0px;
    padding-bottom: 40px;
    text-align: center;
    padding-top: 50px;
}

.krivaya.krivaya-blue {
    background-color: #e6eff2;
}

.exam-notice {
    font-size: 18px;
    line-height: 24px;
    color: #4f4d5c;
    margin-bottom: 30px;
}
.exam-title {
    font-size: 36px;
    color: #ed1c24;
    font-family: Manrope Bold;
}

.exam-sub-title {
    font-size: 20px;
    font-family: Manrope Bold;
    color: #231c37d6;
    margin-bottom: 25px;
}

.choose-exam{
    text-align:right;
    font-size:16px;
    font-family: Manrope Bold;
    width: auto;
}
.choose-exam select{
    width: 255px;
    height: 53px;
    padding-left: 15px;
    border-radius: 7px;
    box-shadow: 0px 1px 5px 0 rgba(40, 40, 40, 0.5);
    border:none;
}

.knopka-exam a {
    display: inline-block;
    width: 255px;
    color: white;
    text-decoration: none;
    font-family: Manrope Bold;
    font-size: 18px;
    background-image: url(../images/green-btn-bg.png);
    background-repeat: repeat-x;
    height: 53px;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0px 1px 5px 0 rgba(40, 40, 40, 0.5);
    line-height: 51px;
    text-shadow: 1px 1px 1px rgb(53, 158, 33);
}
.knopka-exam a:hover {
    color: white;
    text-decoration: none;
}
.knopka-exam, .choose-exam {
    margin-left: 10px;
    margin-right: 10px;
}

.exam-left-stars {
    display: none;
}

@media (max-width: 768px) {
    .exam-form img, .exam-right-stars {
        display: none;
    }
    .exam-left-stars {
        display: inline-block;
    }

    .exam-title span {
        display: block;
    }

    .choose-exam select, .knopka-exam a{
        width: 80%;
    }

    .choose-exam, .knopka-exam {
        margin-bottom: 20px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
    }
}

#app {
    overflow: hidden;
}

.abonement {
    max-width: 254px;
    min-height: 233px;
    border: 1px solid #d9e0e4;
    background: #fff;
    text-align: center;
    margin-top: 50px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 9px rgb(0 0 0/20%);
    box-shadow: 2px 2px 9px rgb(0 0 0/20%);
    margin-left: auto;
    margin-right: auto;
}

.month-1, .month-3, .month-6, .month-12 {
    font-size: 22px;
    text-align: center;
    font-family: "Manrope Bold Alt";
    margin-bottom: 15px;
}

.month-1 {
    background: url(../images/month-1.png) no-repeat center;
    margin-top: 30px;
    color: #231c37;
}

.month-3 {
    background: url(../images/month-3.png) no-repeat center;
    margin-top: 30px;
    color: #231c37;
}

.month-6 {
    background: url(../images/month-6.png) no-repeat center;
    margin-top: 30px;
    color: #231c37;
}

.month-12 {
    background: url(../images/month-12.png) no-repeat center;
    margin-top: 4px;
    color: #fff;
}

.price {
    font-family: "Manrope Bold";
    font-size: 30px;
    color: #72717d;
}

.rubls {
    font-size: 18px;
}

.econom {
    font-size: 15px;
    color: #231c37;
    margin-bottom: 17px;
    margin-top: -6px;
    text-shadow: 0px 0px 0px rgb(0 0 0);
    font-weight: bold;
    text-decoration: line-through;
}

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

.all-course {
    color: #ed1c24;
    font-family: "Manrope Black";
    font-size: 18px;
}

.abonement a {
    border-radius: 35px;
    max-width: 230px;
    font-family: Manrope Bold Alt;
    background: -webkit-gradient(linear, left bottom, left top, from(#39ab22), to(#49d92c));
    font-size: 20px;
    color: #fff;
    padding: 14px 35px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    text-decoration: none;
}

.abonement a:hover {
    background: #49d92c;
    color: #fff;
    text-decoration: none;
}