body { min-width: 0; }

.container { width: 92%; }

h2 { font-size: 24px; }

.clouds { z-index: -1; }

.content { overflow-x: hidden; }
.content,
.content p { font-size: 14px; }
.content p { margin-bottom: 1em; }

.content img { max-width: 100%; }
.content iframe { max-width: 100%; }

header { padding: 10px 0; }

header .logo {
	top: 10px;
	position: absolute; 
	width: 100px;
}
header .logo img { height: auto; max-width: 100%; }

header .header-main { width: 100%; }
header .header-main > div {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	min-height: 70px;
}
header .lk a { height: 27px; padding-left: 30px; }
header .lk a span { font-size: 13px; }

header .header-main > div .phone { font-size: 12px; }
header .header-main > div .phone strong { color: #000; font-size: 16px; white-space: nowrap; }
header .header-main > div .phone a { display: none; }
header .header-main > div .phone p { margin-bottom: 0; }
header .header-main > div .social { display: none; margin: 0; }
header .header-main > div .social a { background-size: auto 100%; height: 25px; margin-right: 2px; width: 25px; }

header .social a.fb { background-position: -25px 0; }
header .social a.ok { background-position: -50px 0; }
header .social a.tw { background-position: -75px 0; }
header .social a.ig { background-position: -100px 0; }
header .social a.yt { background-position: -125px 0; }
header .social a.tg { background-position: -150px 0; }
header .social a.dg { background-position: -175px 0; }

nav { font-size: 15px; margin: .75em 0 1em; }
nav ul { display: flex; justify-content: space-between; }
nav li { padding: .5em .6em; margin-left: -3px; white-space: nowrap; }
nav li.nav0,
nav li.nav1,
nav li.nav2,
nav li.nav3,
nav li.nav4 {
	background-size: contain;
	background-position: center;
	width: auto;
}

nav li a { border-bottom: none; }

footer {
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	justify-content: space-between;
}

footer .happy59 {
	background: url(/i/happy59.png) no-repeat;
	font-size: 11px;
	padding-left: 65px;
	background-size: 50px;
	width: auto;
}

footer .address { padding: 0; }
footer .developer { font-size: 12px; }


.shedule-container { height: auto; margin-bottom: 30px; }
.shedule h2 {
	color: #25829d;
	font-size: 23px;
	letter-spacing: 1px;
	margin: .5em 0;
	text-shadow: none;
}
.shedule h2 span { font-size: 20px; padding: .3em .5em; top: 0; display: none; }
.shedule h2:after, .shedule h2:before { content: none; }
.shedule:after { content: none; }
.shedule .next { display: none; }

.shedule ul { width: 100%; }
.shedule ul li {
	background-size: cover;
	border-radius: 8px;
	color: #fff;
	height: auto;
	float: none;
	margin-bottom: .5em;
	padding: .5em 1em .85em;
	position: relative;
	text-align: left;
	width: 100%;
}
.shedule ul li > * { position: relative; z-index: 1; }

.shedule ul li:after {
	background-color: rgb(128 64 0 / 30%);
	border-radius: 8px;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.shedule ul li > div { display: inline-block; margin: 0 0 0 10px; }
.shedule ul li div div { display: inline-block; font-size: 16px; }
.shedule ul li h6 { font-size: 15px; margin-top: .25em; }

.shedule ul li span.day,
.shedule ul li span.time,
.shedule ul li > div {
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	letter-spacing: 0;
	opacity: .8;
	text-transform: none;
}
.shedule ul li div small { font-size: 14px; }

.shedule .all { display: block; margin: 1em 0 .2em; text-align: center; }

.important {
	color: #36535e;
	font-size: 15px;
	margin: 1em 0;
	padding: 1em;
}
.important p { line-height: 1.4; margin: 1em 0; }

.about { float: none; width: 100%; }
.about h2 { font-size: 24px; }
.about p { font-size: 14px; }
.news { float: none; width: 100%; }
.news p { font-size: 13px; }

.studies li { margin-bottom: 2em; min-height: 70px; padding-left: 90px; }
.studies a.cover { width: 75px; }
.studies h6 { font-size: 21px; margin-bottom: .2em; }
.studies p { line-height: 1.4; margin-bottom: 0; }

.content .content-news li { display: block; margin: 0 0 2em 0; width: 100%; }
.news li h6 { font-size: 15px; }
.news li p { line-height: 1.4; }
.news li .image { 
	height: 100px;
	margin: 6px 20px 10px -2px;
	mask: url(/i/image-mask-mobile.png);
	-webkit-mask-image: url(/i/image-mask-mobile.png);
	width: 100px;
}

.paging li { display: inline-block; margin-right: 12px; }
.paging li.active { padding: 5px; margin-left: 0; margin-right: 7px; }

.lead { margin-bottom: 20px; padding: 25px 0; }
.lead div { align-items: flex-start; flex-direction: column; }
.lead h2 { font-size: 30px; margin: 0; padding-right: 0; }
.lead p { font-size: 16px; }
.lead h2 + p { margin-top: .5em; }

.content .video { float: none; margin: 0 0 2em 0; width: 100%; }
.content .video iframe { max-width: 100%; }

form .cols { flex-wrap: wrap; }
form .cols div { width: 100%; }
form input[type=submit] { font-size: 19px; }

.lead-rasp .container div { flex-direction: row; }


.rasp-slider { margin-top: 1em; }
.rasp-days { font-size: 13px; }
.rasp-days a { font-size: 13px; }
.rasp-days small { font-size: 12px; }

.rasp-slider .prev,
.rasp-slider .next { width: 3em; }
.rasp-slider .prev svg, .rasp-slider .next svg {  }

.rasp-list { margin-left: 0; width: auto; }
.rasp-list > div {
	align-items: flex-start;
	border-radius: 6px;
	line-height: 1.1;
	margin: .5em 0;
	padding: 1em;
	}
.rasp-list div p {
	font-size: 12px;
	line-height: 1.3;
	max-height: 5em;
	overflow: hidden;
}
.rasp-list div .tag {
	background: none;
	border-radius: unset;
	font-size: 10px;
	padding: 0;
}
.rasp-list div .tag strong { color: #000; }
.rasp-list div .tag em { display: none; }
.rasp-list div h5 {
	display: inline;
	font-size: 15px;
	margin: 0;
	position: relative;
	top: -3px;
}
.rasp-list div h5:after {
	border: solid #3a6e80;
	border-width: 0 2px 2px 0;
	bottom: 7px;
	content: '';
	display: inline-block;
	padding: 2px;
	position: absolute;
	right: -12px;
	transform: rotate(45deg);
	vertical-align: middle;
}
.rasp-list div h5 a { display: none; }
.rasp-list div img { width: 32px; }
.rasp-list > div > div.time {
	font-size: 12px;
	flex-basis: 90px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 1px;
	padding-top: 0;
	position: static;
	text-align: left;
}
.rasp-list > div > div.time small { font-size: 11px; }
.rasp-list > div > div.main {  }
.rasp-list > div > div.order-btn { flex-basis: 190px; }
.rasp-list > div > div.order-btn small { font-size: 10px; width: 9em; }
.rasp-list > div.open p { max-height: none; }
.rasp-list > div.open p,
.rasp-list > div.open .span { display: block; }
.rasp-list > div.open h5:after {
	transform: rotate(-135deg);
	top: 9px;
}
.rasp-list .order-btn a,
.rasp-list .order-btn span {
	font-size: 14px;
	margin: -0.5em 0 -0.55em;
	position: relative;
	right: -0.5em;
	top: -0.2em;
}

.rasp-claim { flex-wrap: wrap; width: 100%; }
.rasp-claim .claim-header { padding: 1.25em 2em; }
.rasp-claim .lesson-params {
	padding: 1.5em 2em 2em;
}
.rasp-claim .lesson-params > div {
	font-size: 19px;
	padding: 0;
}
.rasp-claim .lesson-params > div:last-child { margin-bottom: inherit; }
.rasp-claim .lesson-params > div span {
	font-size: 14px;
	position: relative;
	top: 0;
}
.rasp-claim h3 { font-size: 20px; }
.rasp-claim .promocode { padding: 0; }
.rasp-claim .promocode label { font-size: 14px; position: relative; top: 0; }
.rasp-claim .promocode button { top: 2.2em; }

.rasp-claim form .submit { flex-direction: column; }
.rasp-claim form .submit > * { width: 100%; }
.rasp-claim form .submit span { margin: 1em 0 0 0; }

.lesson-orders-list > div { padding: .8em .8em .8em 1em; }
.lesson-orders-list .lo-actions { font-size: 12px; flex-basis: 10em; }
.lesson-orders-list .past h4 { font-size: 17px; }
.lesson-orders-list .past .lo-actions { display: none; }