/*@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/pt_sans-bold.woff2') format('woff2'),
         url('../fonts/pt_sans-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/pt_sans-regular.woff2') format('woff2'),
         url('../fonts/pt_sans-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}*/

html, body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	height: 100%
}

html {
	font-size: 100%;
}

aside, nav, footer, header, section, div { display: block }

img {
	border: none;
}

body {
	background: #ffffff;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}

a:active,
a:hover,
a:focus {
  outline: 0;
}

h1, h2, h3, h4, h5, h6, p, ol , ul, li, a,
table, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	list-style-type: none;
	text-decoration: none;
}

iframe {
	border: none;
}

b {
	font-weight: bold;       
}

input, textarea, select, button { font-family: 'PT Sans', sans-serif; outline: none; }
input.error, textarea.error { border-color: red!important; }

.wrap {
	box-sizing: border-box;
	padding: 0 15px;
	margin: 0 auto;
	max-width: 990px;
	width: 100%;
}

h2 {
	font-size: 30px;
}

* {
    -webkit-transition: -webkit-transform 0.3s linear;
    -moz-transition: -moz-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    transition: transform 0.3s linear;
}

.clr {
	clear: both;
}

.zoom:hover {
	-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
	cursor: pointer;
}

.btn {
	background: #f1c30b; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1c30b 0%, #f39c0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1c30b 0%,#f39c0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1c30b 0%,#f39c0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c30b', endColorstr='#f39c0e',GradientType=0 ); /* IE6-9 */
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border: 1px solid #cc8003;
	color: #000000;
}

.btn:hover {
	background: #f5d040; /* Old browsers */
	background: -moz-linear-gradient(top, #f5d040 0%, #f5b03a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f5d040 0%,#f5b03a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f5d040 0%,#f5b03a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d040', endColorstr='#f5b03a',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

.btn2 {
	background: #f1c30b; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1c30b 0%, #f39c0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1c30b 0%,#f39c0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1c30b 0%,#f39c0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c30b', endColorstr='#f39c0e',GradientType=0 ); /* IE6-9 */
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border: 1px solid #cc8003;
	color: #000000;
}

.btn2:hover {
	background: #f5d040; /* Old browsers */
	background: -moz-linear-gradient(top, #f5d040 0%, #f5b03a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f5d040 0%,#f5b03a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f5d040 0%,#f5b03a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d040', endColorstr='#f5b03a',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

/* Шапка */
header {
	background: #ffffff;
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 35px;
}

header.scrolled {
	transition: all .3s ease-out;
	/*background: #00b250;*/
}

header nav ul {
	/*text-align: center;*/
	font-size: 0;
}

header nav ul li {
	display: inline-block;
	line-height: 35px;
	padding: 0 10px;
}

header nav ul li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #000000;
	line-height: 1.2;
	font-weight: bold;
}

header nav ul li a:hover, header nav ul li a.active   {
	border-bottom: 1px dashed #161b43;
	color: #161b43;
}

header.scrolled nav ul li a:hover, header.scrolled nav ul li a.active   {
	/*border-bottom: 1px dashed #ffffff;
	color: #ffffff;*/
}

/* Первый экран */
#firstpage {
	background: url(../img/firstpage-bg.jpg) no-repeat center;
	height: 700px;
}

header .head {
	display: none;
	padding: 15px 0 50px;
	position: relative;
}

.logo {
	background: url(../img/logo.png) no-repeat left center;
	padding: 10px 0 0 140px;
	display: table;
	float: left;
	min-height: 80px;
}

.logo span {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	color: #000000;
}

header .drop-nav {
	position: absolute;
	top: 5px; right: 0;
	width: 100%;
	display: none;
}

header .drop-nav span {
	background: #2965a1 url(../img/nav-ico.png) no-repeat center;
	transition: all .3s. ease-out;
	-moz-transition: all .3s. ease-out;
	-o-transition: all .3s. ease-out;
	-webkit-transition: all .3s. ease-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: absolute;
	top: 0; right: 0;
	z-index: 3;
	display: block;
	width: 50px;
	height: 50px;
}

header .drop-nav span:hover {
	opacity: .8;
	cursor: pointer;
}

header .drop-nav span.open {
	background: #6bbf61 url(../img/nav-ico-hover.png) no-repeat center;
	cursor: pointer;
}

header .drop-nav  ul {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 15px 20px 10px;
	background: #ffffff;
	position: absolute;
	z-index: 2; 
	display: none;
	width: 100%;
}

header .drop-nav li a {
	white-space: nowrap; 
	/*display: block;*/
	padding: 10px 0 0;
	font-size: 16px;
	color: #000000;
}

header .drop-nav li a:hover{
	text-decoration: underline;
	color: #6bbf61;
}

#firstpage .phone {
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
    float: right;
    margin-right: 25px;
}

#firstpage .phone a {
	/*display: block;*/
	font-size: 20px;
	font-weight: 700;
	color: #000000;
}

#firstpage .call {
	position: relative;
	z-index: 1;
	padding: 0 0 25px;
	display: none;
	float: left;
	width: 100%;
	font-size: 18px;
}

#firstpage .btn {
	display: inline-block;
	padding: 0 50px;
	line-height: 40px;
}

#firstpage .col {
	float: left;
	width: 50%;
	margin-top: 50px;
}

#firstpage .col:last-child {
	text-align: right;
}

#firstpage h1 {
	font-size: 24px;
	font-weight: 700;
}

#firstpage h1 span {
	text-transform: uppercase;
	display: block;
	font-size: 29px;
	color: #2965a1;
}

/* Видео */
#video {
	padding: 55px 0 90px;
	background: #ecf0f1;
	text-align: center;
}

#video h2 { padding-bottom: 80px; }

#video p, #video .video {
	display: inline-block;
	vertical-align: middle;
}

#video .video {
	max-width: 544px;
	width: 100%;
}

#video .video iframe {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px dashed #161b43;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	height: 303px;
}

#video p {
	padding: 0 135px 100px 65px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	font-size: 18px;
	width: 400px;
}

#video p:after {
	background: url(../img/video-arrow.png) no-repeat;
position: absolute;
    bottom: 0;
    right: 45px;
    content: '';
    top: 55px;
    width: 175px;
    height: 157px;
}

/* Почему мы */
#why-us {
	overflow: hidden;
}

#why-us .wrap {
	position: relative;
}

#why-us h2  {
	position: absolute;
	top: 50px; left: 0;
	text-align: center;
	width: 100%;
	line-height: 1.2;
}

#why-us .items {
	padding-top: 130px;
	position: relative;
	max-width: 540px;
	width: 100%;
	float: right;
}

#why-us .items:before {
	background: url(../img/why-us/toy.jpg) no-repeat;
	position: absolute;
	top: 160px;
	left: -600px;
	content: '';
	width: 704px;
	height: 478px;
}

#why-us .items:after {
	background: url(../img/why-us/line.png) no-repeat;
	position: absolute;
	top: 0; left: 15px;
	content: '';
	width: 84px;
	height: 804px;
}

#why-us .item {
	position: relative;
	z-index: 1;
}

#why-us .item  img, #why-us .item p {
	display: inline-block;
	vertical-align: middle;
}

#why-us .item  p {
	padding-left: 20px;
	font-size: 18px;
	line-height: 1;
}

#why-us .item p span {
	font-weight: 700;
}

#why-us .item:nth-child(5) p { padding-left: 14px; }

#why-us .item:nth-child(1) { padding: 0 0 35px 35px; }
#why-us .item:nth-child(2) { padding: 0 0 35px 50px; }
#why-us .item:nth-child(3) { padding: 0 0 50px 25px; }
#why-us .item:nth-child(4) { padding: 0 0 45px 0; }
#why-us .item:nth-child(5) { padding: 0 0 45px 30px; }
#why-us .item:nth-child(6) { padding: 0 0 65px 70px; }
#why-us .item:nth-child(7) { padding: 0 0 30px 65px; }
#why-us .item:nth-child(8) { padding: 0 0 0 35px; }

/* Преподаватели */
#teachers {
	text-align: center;
}

#teachers h2 {
	padding: 40px 0;
}

#teachers .item img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 8px solid #00b23c;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	margin: 0 auto;
    max-width: 276px;
	width: 100%;
}

#teachers .item p:nth-child(2) {
	padding: 15px 0 50px;
	font-size: 18px;
}

#teachers .item p {
	font-size: 16px;
}

#teachers .item p span {
	display: block;
	font-weight: 700;
}

#teachers .owl-theme .owl-controls .owl-nav {
	position: absolute;
	top: 110px; left: 50%;
	margin-left: -168px;
	width: 336px;
}

#teachers .owl-theme .owl-controls .owl-nav .owl-prev { left: 3px; }
#teachers .owl-theme .owl-controls .owl-nav .owl-next { right: 3px; }

/* Отзывы */
#reviews {
	background: #ecf0f1;
	text-align: center;
	height: 593px;
}

#reviews .wrap {
	overflow: hidden;
}

#reviews h2 {
	padding: 60px 0 30px;
}

#reviews p {
	padding-bottom: 25px;
	font-size: 18px;
}

#reviews .items {
	margin: 0 auto;
	max-width: 544px;
	width: 100%;
}

#reviews .owl-carousel .owl-stage-outer {
	overflow: visible;
}

#reviews .owl-theme .owl-controls .owl-nav {
	position: absolute;
	top: 110px; left: 0;
	max-width: 588px;
	width: 100%;
}

#reviews .item  iframe {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px dashed #009c20;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	height: 303px;
}

/* Подход */
#approach {
	padding: 55px 0 160px;
}

#approach h2 {
	padding-bottom: 50px;
	text-align: center;
}

#approach .col {
	float: right;
	width: 50%;
}

#approach .col:nth-child(2) img {
	position: relative;
	margin-top: 30px;
	max-width: 100%;
	z-index: 1;
}

#approach .items {
	position: relative;
	max-width: 460px;
	width: 100%;
	float: right;
}

#approach .items:before {
	background: url(../img/approach/line.png) no-repeat;
	position: absolute;
	top: -160px;
	left: -99px;
	content: '';
	width: 94px;
	height: 747px;
}

#approach .item:nth-child(n+2) {
	padding: 15px 0 0;
}

#approach .item  img, #approach .item p {
	display: inline-block;
	vertical-align: top;
}

#approach .item  img {
	margin: 10px 0 0;
}

#approach .item:first-child img {
	margin: 0;
}

#approach .item  p {
	padding-left: 20px;
	font-size: 18px;
	line-height: 1.2;
}

#approach .item p span {
	font-weight: 700;
}

#approach .item:first-child p { padding-left: 10px; }

/* Подход */
#events {
	text-align: center;
}

#events h2 {
	padding: 20px 0 10px;
}

#events p {
	padding: 0 0 30px;
	font-size: 18px;
}

#events .gallery {
	font-size: 0;
}

#events img {
	display: inline-block;
}

#events img:hover {
	transform: scale(1.33333);
	z-index: 10;
	cursor: pointer;
}

/* Стоимость */
#price {
	background: url(../img/price-bg.jpg) no-repeat center;
	text-align: center;
	height: 1047px;
}

#price h2 {
	padding: 35px 0 10px;
}

#price .desc {
	padding: 0 0 190px;
	font-size: 18px;
}

#price .item {
	float: left; 
	width: 32%;
	margin-left: 2%;
}

#price .item:first-child {
	margin-left: 0;
}

#price .item div {
	display: inline-block;
}

#price .item p {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}

#price .item p span {
	font-size: 24px;
	font-weight: 700;
}

#price .item p:nth-child(1) {
	padding-right: 10px;
	font-size: 18px;
}

#price .item p:nth-child(1) span {
	display: block;
	color: #f1c00b;
}

#price .item p:last-child {
	text-align: center;
	display: block;
}

#price .item hr {
	background: #f2b30c;
	margin: 10px auto;
	border: none;
	max-width: 230px;
	width: 100%;
	height: 1px;
}

#price h3 {
	padding: 0px 0 45px;
	font-size: 30px;
	color: #ffffff;
}

#price ul li {
	float: left;
	width: 33%;
}

#price ul li img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 5px solid #ffffff;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	width: 180px;
}

#price ul li p {
	padding: 20px 0 0;
	font-size: 18px;
	color: #ffffff;
}

#price .btn {
	display: inline-block;
	padding: 0 50px;
	font-size: 18px;
	line-height: 40px;
	margin: 55px 0 0;
}
#price .btn2 {
	display: inline-block;
	padding: 0 50px;
	font-size: 18px;
	line-height: 40px;
	margin: 5px 0 0;
}

/* Часто задаваемые вопросы */
#faq {
	background: url(../img/faq-bg.jpg) no-repeat center;
	height: 828px;
}

#faq .wrap {
	background: url(../img/faq-bg-2.jpg) no-repeat right 170px;
	height: 100%;
}

#faq h2 {
	padding: 160px 0 60px;
	text-align: center;
}

#faq ul {
	max-width: 685px;
	width: 100%;
}

#faq ul li {
	margin-bottom: 15px;
}

#faq ul li:last-child {
	margin-bottom: 0;
}

#faq .question {
	background: url(../img/faq-ico.png) no-repeat 0 5px;
	display: inline-block;
	position: relative;
	padding: 0 30px 0 20px;
	font-size: 18px;
	line-height: 20px;
}

#faq .question:hover {
	text-decoration: underline;
	cursor: pointer;
}

#faq .question:after {
	background: url(../img/faq-arrow.png) no-repeat;
	position: absolute;
	top: 0; right: 0;
	content: '';
	width: 20px;
	height: 20px;
}

#faq .question.active:after {
	transition: all .3s ease-out;
	transform: rotate(180deg);
}

#faq .answer {
	padding: 15px 0 0 20px;
	display: none;
	font-size: 16px;
}

#faq .answer.active {
	display: block;
}

/* Контакты */
#contacts {
	text-align: center;
	padding: 50px 0;
}

#contacts .cols {
	overflow: hidden;
}

#contacts .col {
	box-sizing: border-box;
	text-align: center;
	padding: 0 15px;
	float: left;
	width: 50%;
}

#contacts ol {
    display: inline-block;
    padding: 50px 10px 40px;
    width: 47%;
}

#contacts ol li {
	/*text-align: left;*/
	font-size: 20px;
}

#contacts ol li span {
	font-weight: 700;
}

#contacts a {
	color: #000000;
}

#map {
	height: 450px;
}

/* footer */
footer {
	margin: -10px 0 0;
	height: 120px;
}

footer .wrap {
	display: table;
	height: 100%;
}

footer .wrap .cell {
	display: table-cell;
	vertical-align: middle;
}

footer .wrap .cell:nth-child(2) {
	text-align: center;
}

footer  .wrap .cell:last-child {
	vertical-align: top;
	padding-top: 20px;
	text-align: right;
	width: 145px;
}

footer .logo {
	padding: 0 0 0 175px;
}

footer .logo span {
	font-size: 14px;
}

footer  img {

	margin: 0 auto;
}

footer .payment-btn {
	display: inline-block;
	line-height: 30px;
	padding: 0 35px;
	margin: 10px 0 5px;
	font-size: 16px;
}

footer a.payment {
	display: block;
}

footer a.payment span {
	border-bottom: 1px dashed #161b43;
	font-size: 16px;
	color: #161b43;
}

footer .phone {
	font-size: 18px;
	font-weight: 700;
	color: #000000;
}

footer .call {
	line-height: 50px;
	max-width: 390px;
	margin: 20px auto;
	width: 100%;
	display: none;
	font-size: 18px;
}

/* Общие стили для форм */
.lead-form { text-align: right; }

.lead-form .wrap {
	display: table;
	height: 100%;
}

.lead-form .wrap div.cell {
	display: table-cell;
	vertical-align: middle;
	padding-top: 50px;
}

.lead-form.l-f-1 {
	background: url(../img/lead-form-bg-1.jpg) no-repeat center;
	height: 526px;
	margin: -30px 0 0;
}

.lead-form.l-f-2 {
	background: url(../img/lead-form-bg-2.jpg) no-repeat center;
	height: 698px;
}

.lead-form.l-f-3 {
	background: url(../img/lead-form-bg-3.jpg) no-repeat center;
	height: 489px;
}

.form {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	display: inline-block;
	padding: 35px 50px 25px;
	box-sizing: border-box;
	background: #ffffff;
	text-align: center;
	max-width: 350px;
	width: 100%;
}

.form h3 {
	font-size: 19px;
}

.form h3 span {
	text-transform: uppercase;
	display: block;
	font-size: 18px;
	font-weight: 700;
}

.form p {
	padding: 20px 0;
	font-size: 16px;
}

.form p span.f-digit {
	font-size: 18px;
	font-weight: 700;
	color: #161b43;
}

.form input {
	box-sizing: border-box;
	width: 100%;
}

.form input[type="text"] {
	text-align: center;
	font-size: 16px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #c4c4c4;
	margin: 0 0 15px;
	padding: 0 15px;
	height: 40px;
}

.form input[type="submit"] {
	margin: 10px 0 0;
	height: 42px;
	font-size: 18px;
}

.form .conf {
	background: url(../img/conf-ico.png) no-repeat 5px center;
	padding: 15px 0 10px 35px;
	display: inline-block;
	text-align: left;
	color: #7f7f7f;
}

.form a {
	text-decoration: underline;
	padding-left: 35px;
	font-size: 15px;
	color: #161b43;
}

.form a:hover {
	text-decoration: none;
}

/* owl-carousel */
.owl-theme .owl-controls .owl-nav .owl-prev, 
.owl-theme .owl-controls .owl-nav .owl-next {
	position: absolute;
	width: 30px;
	height: 58px;
	cursor: pointer;
}

.owl-theme .owl-controls .owl-nav .owl-prev {
	background: url(../img/arrows.png) no-repeat 0 0;
	top: 0; left: -30px;
}

.owl-theme .owl-controls .owl-nav .owl-next {
	background: url(../img/arrows.png) no-repeat 0 -62px;
	top: 0; right: -30px;
}

.owl-theme .owl-dots { margin-top: 10px; }

.owl-theme .owl-controls .owl-nav .disabled{
	opacity: .5;
	cursor: default;
}

.animated  {
	-webkit-animation-duration : 1000 ms  ;
	animation-duration : 1000 ms  ;
	-webkit-animation-fill-mode : both  ;
	animation-fill-mode : both  ;
}  

.owl-animated-out {
	z-index : 1 
}

.owl-animated-in {
	z-index : 0 
}
  
/* Всплывающие окна */
.pop-ups {
	display: none;
	position: relative;
	z-index: 101;
	max-width: 90%;
}

.pop-up-text {
	background: url(../img/conf-bg.png) no-repeat center;
	box-sizing: border-box;
	padding: 70px 15px 100px;
	max-width: 918px;
	width: 95%;
	height: 515px;
}

.pop-up-text .content {
	position: relative;
	width: 100%;
	height: 100%;
}

.pop-up-text h3 {
	padding: 0 0 40px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}

.pop-up-text p {
	padding-bottom: 20px;
	text-align: justify;
}

.pop-up-text p span {
	font-size: 16px;
	font-weight: 700;
}

.pop-up-text .b-close {
	top: 0; left: 48%;
}

.pop-up-pay {
	background: url(../img/conf-bg-pay2.png) no-repeat center;
	box-sizing: border-box;
	padding: 40px 15px 100px;
	max-width: 500px;
	width: 95%;
	height: 493px;
	font-family: 'PT Sans', sans-serif;
}

.pop-up-pay .content {
	position: relative;
	width: 100%;
	height: 100%;
}

.pop-up-pay h3 {
	padding: 0 0 40px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}

.pop-up-pay p {
	padding-bottom: 20px;
	text-align: justify;
}

.pop-up-pay p span {
	font-size: 16px;
	font-weight: 700;
}

.pop-up-pay .b-close {
	top: -20px; left: 46%;
}

.pop-up-pay-header {
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
}

.pop-up-pay-select{
	font-size: 14px;
	text-transform: uppercase;
	width: 285px;
	margin-bottom: 5px;
}

.pop-up-pay-select:first-child{
	margin-top: 20px;
}

.pop-up-pay-select-down{
	font-size: 14px;
	color: rgb(125, 125, 125);
	line-height: 1.2;
	text-align: left;
    margin-left: 18%;
	margin-top: -10px;
}

.pop-up-pay-submit-down{
	font-size: 14px;
	color: rgb(125, 125, 125);
	line-height: 1.2;
	text-align: center;
	margin-top: 10px;
}

/* Закрытие вспл.окна*/
.b-close {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #ffffff;
	background: #161b43;
	text-align: center;
	position: absolute;
	z-index: 100;
	width: 32px;
	height: 32px;
	top: -18px;
	right: -18px;
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	line-height: 26px;
}

.b-close:hover {
	cursor: pointer;
}

.b-modal {
	background: rgba(0, 0, 0, 0.4)!important;
    opacity: 1!important;
}

/* Стр. благодарности */
#thank-you {
	height: 100%;
}

#thank-you .wrap {
	display: table;
	height: 100%;
}

#thank-you .cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#thank-you h1 {
	padding: 70px 0 40px;
	font-size: 30px;
}

#thank-you a.logo-img img {
	max-width: 518px;
	width: 100%;
}

#thank-you a.vk {
	max-width: 220px;
	width: 100%;
}

.pop-up-pay .btn {
	display: inline-block;
	padding: 0 50px;
	font-size: 18px;
	line-height: 50px;
	margin: 15px 0 0;
	width: 300px;
}

.pay-input{
	text-align: center;
	font-size: 16px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #c4c4c4;
	margin: 0 0 15px;
	padding: 0 15px;
	height: 50px;
	box-sizing: border-box;
	width: 300px;
}

.select-pay{
	text-align: center;
	font-size: 16px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #c4c4c4;
	margin: 0 0 15px;
	padding: 0 15px;
	height: 50px;
	box-sizing: border-box;
	width: 300px;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: url('../img/inpute1.png') no-repeat 258px 10px;
}
.select-pay-addimg{
	background: url('../img/inpute2.png') no-repeat 258px 10px !important;
}
.select-pay::-ms-expand {
    display: none;
}

.content-pay{
	text-align: center;
}

.cell-mobile-buy{ display: none !important;margin: 0px 0px;}

.pop-up-pay-header-320{
	display: none;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
}

@media screen and (max-width: 990px) {
	/*header { display: none; }*/
	
	header .head { padding-top: 20px; display: block;}
	header .drop-nav { display: block; }
	#firstpage .logo { background-position: left top; padding: 65px 0 0 0; }
	#firstpage .phone { display: none; }
	#firstpage .call { display: block; }
	#firstpage .form { margin-top: -50px; }
	
	#video h2 { padding-bottom: 50px; }
	#video p { padding: 0 0 50px; display: block; width: 100%; }
	#video p:after {	display: none; }
	
	#approach .col { width: 100%; }
	#approach .col:nth-child(1){ text-align: center; }
	#approach .col:nth-child(2){ text-align: right; }
	#approach .items { display: inline-block; text-align: left; float: none; }
	
	#price {
		background: #161b43 url(../img/price-bg-tablet.jpg) no-repeat right top;
		background-size: 100% 1025px;
		padding: 0 0 35px;
		height: auto;
	}
	#price .desc { padding: 0 0 30px; }
	#price .item { box-sizing: border-box; width: 100%; margin: 0; padding: 50px 0; }
	#price .item:nth-child(1) {text-align: left; padding: 0 100px 50px; }
	#price .item:nth-child(2) { text-align: center; }
	#price .item:nth-child(3) {text-align: right; padding-right: 100px;}
	#price .item p { color: #000000!important; }
	#price .item p:nth-child(1) { padding-right: 100px; }
	#price h3 { padding: 130px 0 15px; }
	#price ul li { width: 50%; padding: 30px 0 0 ; }
	
	#events { display: none; }
	
	#faq { background: #ecf0f1; height: auto; }
	#faq h2 { padding-top: 50px; }
	#faq .wrap { background: url(../img/faq-bg-tablet.png) no-repeat right bottom; padding-bottom: 50px; }
	#faq .question { font-weight: 700; }
	#faq .question:hover { text-decoration: none; cursor: text; }
	#faq .question:after { display: none; }
	#faq .answer { display: block; padding: 5px 0 0; }
	
	.lead-form { text-align: center; }
	.lead-form .form { background: rgba(253, 253, 251, .8); box-shadow: none; }
	
	footer { text-align: center; height: 300px; margin: 0; }
	footer .cell:nth-child(2), footer .cell:nth-child(3) { display: none; }
	footer .call { display: block; }
	/*footer .logo { background: url(../img/logo.png) no-repeat center bottom; padding: 0 0 90px 0; width: 100%; float: none; }*/
	
	.cell-mobile-buy{ display: block !important;}
	footer .wrap .cell:nth-child(1) {display: block !important;}
	footer .payment-btn{max-width: 390px;line-height: 50px; width: 100%;padding:0px;}
}

@media screen and (max-width: 768px) {
	#firstpage { background: url(../img/firstpage-768-bg.jpg) no-repeat center top; height: auto; }
	#firstpage h1 { background: rgba(253, 253, 251, .8); padding: 5px 10px 5px 10px; }
	#firstpage .col { width: 100%; }
	#firstpage .col:last-child { text-align: center; padding: 50px 0 0; }
	#firstpage .form { box-shadow: none; margin-top: 0; }
	
	#reviews { background: url(../img/reviews-bg-tablet.jpg) no-repeat center; }
	
	#approach .items:before { display: none; }
	
	#price .item:nth-child(3) { padding-right: 0; }
		
	#contacts .col { width: 100%; }
	#contacts .col:first-child ol { padding: 20px 0 0; }
	#contacts .col:last-child ol { padding: 0 0 20px; }
	#contacts ol li { font-size: 18px; }

	.form input[type="text"] {
		margin: 0 0 25px;
		height: 50px;
		text-align: center;
		font-family: 'PT Sans', sans-serif;
		font-size: 16px;
	}
	
	.lead-form.l-f-1 { background: url(../img/lead-form-bg-1-tablet.jpg) no-repeat center; }	
	.lead-form.l-f-2 { background: url(../img/lead-form-bg-2-tablet.jpg) no-repeat center; }
	.lead-form.l-f-3 { background: url(../img/lead-form-bg-3-tablet.jpg) no-repeat center; }
}

@media screen and (max-width: 700px) {
	#price {
		background: #00b250;
	}
	
	#price h2, #price .desc {
		color: #ffffff;
	}
	
	#price h3 { padding-top: 50px;}
	
	#price .items {
		background: #ffffff;
		overflow: hidden;
	}
	
	#price .item {
		text-align: center!important;
		padding: 50px 0!important;
	}
	
	#price .item:nth-child(2) { background: #ecf0f1; }
	
	#reviews .owl-theme .owl-controls .owl-nav { display: none!important; }
}

@media screen and (max-width: 600px) {
	#why-us .items { float: none; }
	#why-us .item { text-align: center; padding: 40px 0 0!important; }
	#why-us .items:before, #why-us .items:after { display: none; }
	#why-us .item  p { display: block; padding: 15px 0 0; }
	
	#approach .items { text-align: center; }
	#approach .item:nth-child(n+2) {	padding: 50px 0 0; }
	#approach .item  p { display: block; padding: 10px 0 0; }
	
	.owl-theme .owl-controls .owl-nav .owl-prev { left: 0; }
	.owl-theme .owl-controls .owl-nav .owl-next { right: 0; }
	
	.pop-up-pay .b-close {left: 46%;}
}

@media screen and (min-width: 320px) and (max-width: 480px) {
	h2 { 
		font-size: 17px;
		font-weight: 700;
	}
	
	#firstpage h1 { font-size: 18px; background: rgba(253, 253, 251, .8); padding: 5px 10px 5px 10px; }
	#firstpage h1 span { font-size: 21px; }
	#firstpage .col:last-child { padding: 100px 0 0; }
	
	#video { padding: 30px 0 50px; }
	#video h2 { padding: 0 0 40px; }
	#video .video-js { height: 255px; }
	#video p { padding: 0 0 20px; font-size: 14px; }
	
	#why-us { padding-bottom: 20px; }
	#why-us h2 { top: 20px; }
	#why-us .items { padding: 40px 0 0; }
	#why-us .item  p { font-size: 14px; }
	
	#teachers { padding-bottom: 30px; }
	#teachers h2 { padding: 20px 0; font-size: 22px; }
	#teachers .item img { max-width: 230px; }
	#teachers .owl-theme .owl-controls .owl-nav { margin-left: -145px; width: 290px; top: 86px; }
	#teachers .item p:nth-child(2) { font-size: 16px; padding: 15px 0; }
	#teachers .item p { font-size: 14px; }
	
	#reviews { background: url(../img/reviews-bg-mobile.jpg) no-repeat center; height: 470px; }
	#reviews h2 { padding: 60px 0 40px; }
	#reviews p { padding-bottom: 20px; font-size: 14px; }
	#reviews .video-js { height: 255px; }
	
	#approach { padding: 20px 0; }
	#approach .item p { font-size: 14px; }
	#approach .item:nth-child(n+2) { padding: 40px 0 0; }
	
	#price h2 { font-size: 22px; }
	#price .desc { font-size: 16px; }
	#price .item p:nth-child(1) { padding-right: 15px; font-size: 16px;}
	#price .item p span { font-size: 22px; }
	#price h3 { font-size: 22px; font-weight: 700; padding: 30px 0;}
	#price ul li { width: 100%; }
	
	#events { padding: 0 0 20px; }
	#events p { font-size: 14px; }
	
	#faq .wrap { padding-bottom: 20px; background: none; }
	#faq h2 { padding: 20px 0 35px; }
	#faq .question { font-size: 16px; }
	#faq .answer { font-size: 14px; }
	
	/*#contacts ol { padding: 20px 0; }*/
	/*#contacts ol li { padding: 25px 0 15px; } */
	
	.pop-up-text { padding: 70px 10px; }
	.pop-up-text .b-close { left: 44%; }
	.pop-up-text h3 { font-size: 16px; }
	.pop-up-text p span { font-size: 15px; }
	
	#thank-you h1 {
		padding: 30px 0;
		font-size: 24px;
	}
	
	.form { padding: 35px 20px 25px; }
	.lead-form .wrap div.cell { padding: 0; }
	
	.lead-form.l-f-1 { background: url(../img/lead-form-bg-1-mobile.jpg) no-repeat center; height: 603px; margin: 0; }	
	.lead-form.l-f-2 { background: url(../img/lead-form-bg-2-mobile.jpg) no-repeat center; height: 627px; }
	.lead-form.l-f-3 { background: url(../img/lead-form-bg-3-mobile.jpg) no-repeat center; height: 621px; }
	
	.pop-up-pay-header {font-size: 16px;}
	.pop-up-pay-select {font-size: 14px; text-align: left; margin-left: 5%;}
	
	.pop-up-pay .b-close {left: 44%;}
	
	.pop-up-pay-header-320{display: block;}
	.pop-up-pay-header{display: none;}
	
	.select-pay{width: 260px;background: url('../img/inpute1.png') no-repeat 217px 10px;}
	.pay-input {width: 260px;}
	.pop-up-pay {width: 93%; left: 11px !important;}
	
	.pop-up-pay .btn {width: 260px;}
	.pop-up-pay-select-down{margin-left: 5%;}
	.pop-up-pay-submit-down{font-size:13px;}
}


/*====Summer========*/
.wrap{
	position: relative;
}
.btnBlock{
    position: absolute;
	bottom: 120px;
    left: 16px;
    font-size: 27px;
    color: #161b43;
    border: 2px solid #f1c30b;
    padding: 5px 12px;
    border-radius: 15px;
    font-weight: 600;
    text-transform: uppercase;
     -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-color: #eee;
}    
#summer{
	display: none;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 2px dashed #eee;
}
#summer h2 {
    position: absolute;
    top: 50px;
    left: 0;
    text-align: center;
    width: 100%;
    line-height: 1.2;
}
#summer .items {
    padding-top: 130px;
    position: relative;
/*    max-width: 540px;*/
    width: 100%;
 /*   float: left;*/
}
/*#summer .items.line-bg:after {
    background: url(../img/why-us/line.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 15px;
    content: '';
    width: 84px;
    height: 804px;
}*/
#summer .summer_prise .item p {
    /*padding-left: 20px;*/
    font-size: 18px;
    line-height: 1.1;
}
#summer .item p {
	vertical-align: top;
}
#summer .item img, #summer .items.line-bg .item p {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}
/*#summer .line-bg .item:nth-child(1) { padding: 0 0 42px 35px; }
#summer .line-bg .item:nth-child(2) { padding: 0 0 37px 50px; }
#summer .line-bg .item:nth-child(3) { padding: 0 0 40px 16px; }
#summer .line-bg .item:nth-child(4) { padding: 0 0 42px 0px; }
#summer .line-bg .item:nth-child(5) { padding: 0 0 42px 15px; }
#summer .line-bg .item:nth-child(6) { padding: 0 0 42px 70px; }*/
#summer .line-bg .item {
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
}
#summer .summer_prise{
	position: relative;
    width: 100%;
    float: right;
  /*  max-width: 420px;*/
}
#summer .items.line-bg {
	display: block;
    margin: 0 auto;
    position: relative;
    max-width: 620px;
}
.summer_prise .item{
	width: 50%;
    display: inline-block;
    max-width: 415px;
    vertical-align: text-top;
}
#summer .summer_prise .items {
    padding-top: 40px;
} 
#summer .items.line-bg .item p {
	padding-left: 10px;
}   
.summer_prise .priseVip{
	float: right;
}
.summer_prise .item hr {
    background: #f2b30c;
    margin: 10px auto;
    border: none;
    /*max-width: 230px;*/
    width: 100%;
    height: 1px;
}
.summer_prise .btn2 {
    display: inline-block;
    padding: 0 50px;
    font-size: 18px;
    line-height: 40px;
    margin: 5px 0 0;
   /* margin-left: 85px;*/
}
.summer_prise .item p:nth-child(1) {
    padding-right: 10px;
    font-size: 18px;
}
.summer_prise .item p {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
    color: #fff;
}
.summer_prise .item p:nth-child(1) span {
    display: block;
    color: #f1c00b;
}
.summer_prise .item div {
    display: inline-block;
    background-color: #00b23c;
    width: 100%;
    padding: 20px 10px 20px 20px;
    border-radius: 20px;
    border: 2px dotted #fff;
    margin-bottom: 25px;
    box-sizing: border-box;
}
.summer_prise .item p span {
    font-size: 22px;
    font-weight: 700;
    color: #f1c00b;
}
.summer_prise .item p {
	width: 100%;
    max-width: 180px;
}
.summer_prise h3{
	color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}
.summer_prise .item p.item_plus{
	max-width: 330px;
}
 .item .sale{
 	color: #b30000;
    font-style: normal; 
}
span.gdlr-song-title-info{
	display: none;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {color:#161b43; border-color:#f1c30b;}
    50% {color:#f1c30b; border-color:#161b43;}
    100%   {color:#161b43; border-color:#f1c30b;}
}

/* Standard syntax */
@keyframes example {
    0%   {color:#161b43; border-color:#f1c30b;}
    50% {color:#f1c30b;	border-color:#161b43;}
    100%   {color:#161b43; border-color:#f1c30b;}
}
/*===========================*/



@media (max-width:990px){
#vb_pk{display:none}
#vb_mb{display:block}
}
@media screen and (max-width: 990px) {
	#summer .items.line-bg, #summer .summer_prise{
		max-width: 100%;
	    display: block;
	    width: 100%;
	    float: none;
	    margin: auto;
	}
	    
}
@media screen and (max-width: 867px) {
	.summer_prise .item {
	    width: 50%;
	    display: inline-block;
	    max-width: 415px;
	    vertical-align: text-top;
	}
	.summer_prise .item {
	    width: 100%;
	    display: block;
	    max-width: 415px;
	    vertical-align: text-top;
	    margin: 0 auto;
	}
	.summer_prise .priseVip {
	    float: none;
	}    
}
@media screen and (max-width: 830px) {
	.btnBlock{
		border-radius: 8px;
		font-size: 20px;
	}
}
@media screen and (max-width: 768px) {
	.btnBlock{
		    bottom: 660px;
		    font-size: 18px;
	}
}
@media screen and (max-width: 635px) {
	#summer .items.line-bg .item{
	    text-align: center;
		padding: 40px 0 0!important;
    }
	#summer .items.line-bg  .item p {
	    display: block;
	    padding: 15px 0 0;
	}
	#summer .items.line-bg:after {
		width: 0px;
		height: 0px;
	}		
}

@media screen and (max-width: 480px) {
	.btnBlock{
	    bottom: 685px;
	    font-size: 16px;
	}
	#summer .items {
   		padding-top: 60px;
    }
    #summer .items.line-bg  .item p {
    	font-size: 14px;
    }
    .summer_prise .item div {
	    padding: 20px;
	    border-radius: 15px;
	}
    #summer .summer_prise .item p {
	   padding-left: 25px;
	   font-size: 14px;
	}	
	.summer_prise .item p span {
    	font-size: 16px;
	}
	.summer_prise .btn2 {
		display: block;
	    position: relative;
	    margin: 0 auto;
	    width: 120px;
	}
	#summer .item p.summerDays {
	    display: inline-block;
	    width: 150px;
	    position: relative;
	}	
}
@media screen and (max-width: 450px) {
	#summer .summer_prise .item p {
		padding-left: 15px;
    }
    #summer .item p.summerDays {
	    width: 130px;	
	}    	   
}
@media screen and (max-width: 400px) {
	#summer .summer_prise .item p {
		padding-left: 7px;
    }
    #summer .item p.summerDays {
	    width: 110px;	
	}  
}
@media screen and (max-width: 365px) {
	#summer .summer_prise .item p {
		padding-left: 5px;
    }
    #summer .item p.summerDays {
	    width: 105px;	
	} 
	.summer_prise .item div {
    	padding: 15px;
    } 
}
@media screen and (max-width: 345px) {
    .summer_prise .item div{
    	padding: 4px;
    	border-radius: 0px; 
    }
    #summer .item p.summerDays {
	    display: inline-block;
	    width: 102px;
	    position: relative;
	}
	#summer .summer_prise .item p {
	   padding-left: 5px;
	   font-size: 14px;
	}	
}