* {margin: 0; padding: 0;}
html {height: 100%;}
body {font: 14px 'Circe-Regular', sans-serif; width: 100%; height: 100%; line-height:20px; background: #fff; -webkit-font-smoothing: antialiased;}
a {color: #33499e; outline: none; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
input {vertical-align: middle; outline: none;}
input[type="submit"], input[type="button"] {cursor: pointer;}
:invalid {box-shadow: none;}
ol,ul {list-style-position: inside;}
.wrapper {min-height: 100%; height: auto !important; height: 100%;}
.inner {width: 1170px; max-width: 1170px; min-width: 320px; margin: 0 auto;}
.no-margin {margin-right: 0px !important;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
::-webkit-input-placeholder {color:#c0bfbf; opacity: 1; transition: opacity 0.3s ease;}
::-moz-placeholder {color:#c0bfbf; opacity: 1; transition: opacity 0.3s ease;}
:-moz-placeholder {color:#c0bfbf; opacity: 1; transition: opacity 0.3s ease;}
:-ms-input-placeholder {color:#c0bfbf; opacity: 1; transition: opacity 0.3s ease;}
:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
@font-face {
  font-family: 'Circe-Regular';
  src: url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Circe-Regular.otf')  format('opentype'),
	     url('../fonts/Circe-Regular.woff') format('woff'), url('../fonts/Circe-Regular.ttf')  format('truetype'), url('../fonts/Circe-Regular.svg#Circe-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Circe-Light';
  src: url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Circe-Light.otf')  format('opentype'),
	     url('../fonts/Circe-Light.woff') format('woff'), url('../fonts/Circe-Light.ttf')  format('truetype'), url('../fonts/Circe-Light.svg#Circe-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Circe-Bold';
  src: url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Circe-Bold.otf')  format('opentype'),
	     url('../fonts/Circe-Bold.woff') format('woff'), url('../fonts/Circe-Bold.ttf')  format('truetype'), url('../fonts/Circe-Bold.svg#Circe-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Circe-ExtraBold';
  src: url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Circe-ExtraBold.otf')  format('opentype'),
	     url('../fonts/Circe-ExtraBold.woff') format('woff'), url('../fonts/Circe-ExtraBold.ttf')  format('truetype'), url('../fonts/Circe-ExtraBold.svg#Circe-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ALSRubl-Arial';
  src: url('../fonts/alsrubl-arial-regular.eot');
  src: url('../fonts/alsrubl-arial-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/alsrubl-arial-regular.woff') format('woff'), url('../fonts/alsrubl-arial-regular.ttf') format('truetype'), url('../fonts/alsrubl-arial-regular.svg#ALSRublArialRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* .top
-----------------------------------------------------------------------------*/
.top {padding-bottom: 5px; box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); position: fixed; z-index: 151100; background: #fff; width: 100%;}
.top .inner>a {margin: 21px 0 0; display: inline-block;}
.top .inner>div {display: inline-block; vertical-align: top;}
.nav {margin: 34px 0 0 29px;}
.nav a {letter-spacing: 1.5px; text-decoration: none; text-transform: uppercase; margin-right: 33px;}
.nav a:hover {text-decoration: underline;}
.call-btns {width: 201px; margin: 15px 0 0 30px;}
.phone-btn {font-size: 18px; background: url(../images/phone.png) no-repeat; text-decoration: none; padding: 2px 0 0 19px;}
.phone-btn span {font-size: 27px; font-family: 'Circe-Bold';}
.header-btns a {border: 2px solid #33499e; font-family: 'Circe-Bold'; text-align: center; width: 85px; padding: 7px 0 3px; line-height: 14px; margin-right: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 13px; text-decoration: none; text-transform: uppercase; display: inline-block;}
.header-btns a:hover {background: #33499e; color: #fff;}
.header-btns .no-margin {width: 92px;}
.header-btns {margin-top: 7px;}
.header-btns a, .header-btns a:hover, .btn, .btn:hover, .btn2, .btn2:hover {-webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s;}

/* .main-slide
-----------------------------------------------------------------------------*/
.main-slide {background: url(../images/bg1.jpg) no-repeat center 93px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 120px 0 85px;}
.title {color: #fff; margin-bottom: 27px; line-height: 62px; font-size: 53px; text-align: center; font-family: 'Circe-Bold'; text-transform: uppercase;}
.text {width: 415px; margin: 0 auto; text-align: center; color: #fff; font-family: 'Circe-Bold'; text-transform: uppercase;}
.text-style1 {font-size: 36px; padding: 0 35px; line-height: 40px;}
.text-style2 {font-size: 112px; line-height: 112px;}
.text-style3 {font-size: 42px; margin-bottom: 14px;}
.btn {background: #33499e; cursor: pointer; border:0; text-align: center; color: #fff; height: 72px; line-height: 76px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 0 42px; font-size: 28px; text-transform: uppercase; font-family: 'Circe-Bold'; text-decoration: none;}
.btn:hover {background: #2a3c82;}
.location1 {margin-top: 15px; background: url(../images/location.png) no-repeat 0; line-height: 36px; display: inline-block; padding: 5px 0 0 30px;}

/* .program
-----------------------------------------------------------------------------*/
.program {background: #e6e7ec url(../images/bg2.png) no-repeat center 0; padding: 53px 0 23px;}
.title2 {color: #33499e; line-height: 46px; font-size: 39px; text-align: center; text-transform: uppercase; font-family: 'Circe-Bold';}
.program-main>div {text-align: center; display: inline-block; width: 370px; margin: -11px 0 0; vertical-align: top;}
.days {background: url(../images/circle.png) no-repeat; display: inline-block; margin-bottom: 70px;}
.days div {width: 223px; height: 223px; text-transform: uppercase; font-size: 36px; color: #fff; display: table-cell; vertical-align: middle; text-align: center;}
.days div span {display: block; font-size: 143px; line-height: 120px; font-family: 'Circe-ExtraBold';}
.program-text:before {content: ""; position: absolute; left: 0; top: -40px; width: 100%; height: 1px; background: #131482;}
.program-text {position: relative;}
.program-text p {color: #1638b9; font-size: 25px; text-transform: uppercase; line-height: 30px; margin-bottom: 33px;}
.program-main>p {color: #33499e; font-family: 'Circe-Bold'; margin: 206px 65px 0 107px; font-size: 23px; text-transform: uppercase; display: inline-block; vertical-align: top; width: 250px; text-align: center;}
.span-size2 {font-size: 87px !important; line-height: 80px !important;}
.span-size3 {font-size: 25px !important; line-height: 30px !important; font-family: 'Circe-Bold' !important;}
.days2 div {font-size: 25px; text-transform: uppercase; line-height: 27px;}
.center-align {text-align: center; margin: -15px 0 0;}

/* .programs-list
-----------------------------------------------------------------------------*/
.programs-list {padding: 47px 0 93px;}
.programs-list-main>div {text-align: center; position: relative; background: #533292 url(../images/program-bg1.png) no-repeat 25px 106px; padding-bottom: 24px; margin: 0 19px 43px 0; width: 374px; display: inline-block; vertical-align: top;}
.program-title {font-size: 30px; height: 148px; line-height: 35px; padding: 11px 24px 0; color: #fff; text-align: center; text-transform: uppercase;}
.programs-list .title2 {margin-bottom: 49px;}
.label {position: absolute; left: -20px; top: -26px; width: 147px; height: 117px; background: url(../images/label2.png) no-repeat;}
.blue {background: #76cfea url(../images/program-bg2.png) no-repeat 25px 106px !important;}
.blue .program-title {color: #533292;}
.blue .people p {color: #fff; background: #533292;}
.label>div {-webkit-transform:rotate(-38deg); -moz-transform:rotate(-38deg); -o-transform:rotate(-38deg); -ms-transform:rotate(-38deg); transform:rotate(-38deg); position: relative; margin: 23px 0 0 -42px; text-align: center; font-size: 16px; color: #533292;}
.label>div span {font-size: 22px;}
.people {text-align: right; position: relative;}
.people img {margin: 0 22px 0 0;}
.people p {position: absolute; right: 0; top: 118px; min-width: 165px; text-align: center; background: #76cfea; color: #533292; text-transform: uppercase; line-height: 14px; padding: 6px 6px 1px; letter-spacing: 1px; font-size: 13px;}
.btn2 {color: #fff; display: inline-block; margin: 169px 0 0; padding: 9px 17px 4px; font-size: 16px; text-decoration: none; font-family: 'Circe-Bold'; text-transform: uppercase; border: 2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.btn2:hover {background: #fff; color: #533292;}
.blue .btn2 {border-color: #533292; color: #533292;}
.blue .btn2:hover {background-color: #533292; color: #fff;}
.blue .label {background-image: url(../images/label.png);}
.blue .label>div {color: #fff;}
.programs-list .center-align {margin: 64px 0 0;}

/* .schedule
-----------------------------------------------------------------------------*/
.schedule {background: url(../images/bg7.jpg) center -3px no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 32px 0 54px;}
.schedule-main>div {width: 274px; display: inline-block; vertical-align: top; margin-right: 20px;}
.date {background: url(../images/schedule-top.png) no-repeat; height: 71px;}
.schedule-block-main {background: #fff;}
.calendar {color: #344b9c; display: inline-block; margin: 11px 0 0 10px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); text-align: center; width: 60px; font-size: 18px; line-height: 28px; font-family: 'Circe-Bold';}
.calendar span {font-size: 30px;}
.date>span {display: inline-block; vertical-align: top; text-transform: uppercase; margin: 38px 0 0 56px; font-size: 24px; font-family: 'Circe-Bold'; color: #fff;}
.date>span>span {font-size: 60px; display: inline-block; margin-top: -10px;}
.schedule-block-main {padding: 30px 0 1px 6px;}
.schedule-block-main>div {margin-bottom: 16px;}
.schedule-block-main>div>div {display: inline-block; vertical-align: middle;}
.time {width: 72px; position: relative; margin-right: 23px; line-height: 12px; text-align: center; font-size: 12px; font-family: 'Circe-Bold'; padding-top: 18px; background:url(../images/time.png) no-repeat center 0;}
.time span {font-family: 'Circe-Regular';}
.time:after {content: ""; position: absolute; right: -10px; top: 0; width: 1px; height: 30px; background: #8a9bdc;}
.schedule-name {width: 165px; color: #344b9c; font-size: 16px; font-family: 'Circe-Bold'; line-height: 18px;}
.schedule-block-main>p {color: #344b9c; font-size: 16px; font-family: 'Circe-Bold'; text-align: center; margin-bottom: 15px;}
.schedule .center-align {margin: 35px 0 0;}
.schedule .btn {padding: 0 120px;}

/* .important
-----------------------------------------------------------------------------*/
.important {background: url(../images/bg4.jpg) center 0;  padding: 46px 0 0;}
.title3 {color: #303030; font-size: 50px; text-transform: uppercase; font-family: 'Circe-ExtraBold'; line-height: 50px;}
.important-blocks1>div {display: inline-block; width: 330px; vertical-align: top; text-align: center; font-family: 'Circe-Bold';}
.important-blocks1>div div {margin: 8px 0 8px; color: #212121; font-size: 20px; text-transform: uppercase;}
.important-blocks1>div p {color: #33499e; line-height: 21px; font-size: 20px;}
.block1 {margin: 235px 0 0 19px;}
.block2 {margin: 115px 0 0 117px;}
.block3 {margin: 28px 0 0 51px; width: 315px !important;}
.title4 {color: #33499e; line-height: 60px; margin: 108px 0 0 382px; font-size: 46px; text-transform: uppercase; font-family: 'Circe-ExtraBold';}
.p-style1 {width: 700px; text-align: right; margin: 5px 0 0 465px; font-size: 24px; line-height: 26px;}
.important-blocks2 {margin: 66px 0 0;}
.important-blocks2>div {display: inline-block; margin: 0 165px 73px 0; vertical-align: top; width: 500px;}
.important-blocks2 p {display: inline-block; line-height: 26px; font-size: 23px; width: 410px; vertical-align: middle;}
.important-blocks2 img {vertical-align: middle;}
.important-blocks2>div span {display: inline-block; width: 70px; margin: 0 15px 0 0;}
.blocks-right-align {margin: 0 0 0 0px !important;}
.blocks-right-align p {text-align: right;}
.blocks-right-align span {margin:  0 0 0 15px !important;}

/* .cost
-----------------------------------------------------------------------------*/
.cost {margin: -24px 0 0; padding: 45px 0 45px;}
.title6 {color: #fff; font-size: 48px; line-height: 48px; text-transform: uppercase; font-family: 'Circe-Bold'; text-align: center;}
.cost {background: url(../images/bg5.jpg) no-repeat center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.cost-title {background: #76cfea; line-height: 33px; padding: 4px 0 0; -webkit-box-shadow: 0 3px 6px 1px #91b3bf; -moz-box-shadow: 0 3px 6px 1px #91b3bf; box-shadow: 0 3px 6px 1px #91b3bf; font-size: 30px; text-align: center; color: #fff; font-family: 'Circe-Bold';}
.cost-main>div {width: 374px; background: #fff; margin: 0 102px; text-align: center; display: inline-block; vertical-align: top;}
.price>span>span {font-family: 'ALSRubl-Arial'; font-size: 52px;}
.price>span {display: block; margin-bottom: 32px;}
.price {font-family: 'Circe-Bold'; line-height: 32px; padding: 62px 0 0px; border-bottom: 1px solid #533292; margin: 0 10px; color: #533292; font-size: 21px; text-transform: uppercase;}
.price span { font-size: 70px;}
.cost-main p {color: #7f7f7f; line-height: 26px; letter-spacing: -.5px; padding: 5px 0 3px; font-size: 21px; border-bottom: 1px solid #533292; margin: 0 10px;}
.cost-main p.last {border-bottom: 0 !important;}
.cost-main {margin: 25px 0 0; text-align: center;}
.cost-main .btn {padding: 0 23px; position: relative; bottom: -5px;}
.col2 p {padding: 3.5px 0 2px;}

/* .form
-----------------------------------------------------------------------------*/
.form-block form {border: 10px solid #33499e; background: #e6e7ec; padding-bottom: 13px;}
.form-block {padding: 93px 0 0; background: #e6e7ec; padding-bottom: 91px;}
.form-block form>div {display: inline-block; vertical-align: top;}
.form-text {width: 430px; text-align: center; margin: 48px 0 0 61px;}
.text-style4 {font-size: 30px; text-transform: uppercase; margin:43px 0 15px;}
.date2 {font-size: 54px; font-family: 'Circe-Bold'; color: #33499e; text-transform: uppercase;}
.date2 span {font-size: 153px; line-height: 153px;}
.location {background: url(../images/location2.png) no-repeat; line-height: 32px; display: inline-block; padding: 0 0 0 32px;}
.form-main {width: 400px; margin: 40px 0 0 93px;}
.form-main input[type="text"] {background: #fff; margin-bottom: 20px; font-family: 'Circe-Regular'; border: 0; font-size: 26px; box-shadow: inset 5px 5px 2px 0 #ececec; width: 440px; height: 62px; padding: 0 16px;}
.form-main .btn {margin: 55px 0 0; font-size: 21px; height: 52px; line-height: 57px; padding: 0 17px;}
.form-main p {color: #33499e; font-size: 18px; text-transform: uppercase; line-height: 22px; margin: 25px 0 0;}
.form-main p a {color: #33499e; text-decoration: none;}

/* .adress
-----------------------------------------------------------------------------*/
.adress {background: url(../images/bg6.jpg)center 0;  padding: 23px 0 310px; position: relative;}
.adress-text {color: #fff; text-align: right; width: 630px; margin: 198px 0 0 342px;}
.adress-text div {font-size: 35px; line-height: 42px; font-family: 'Circe-Bold'; text-transform: uppercase;}
.adress-text p {font-size: 27px; line-height: 35px; margin: -8px 0 9px;}
.adress-text .btn {font-size: 23px; padding: 0 36px; height: 54px; line-height: 58px;}

/* .partners
-----------------------------------------------------------------------------*/
.title5 {color: #2b2b2b; margin-bottom: 33px; font-size: 25px; font-family: 'Circe-Light'; text-align: center; text-transform: uppercase;}
.partners {padding: 30px 0 45px;}
.partners-logos {text-align: center;}
.partners-logos>img {vertical-align: bottom; margin: 0 15px 30px; max-height: 86px; max-width: 250px;}
.btn-show {display: none;}

/* .footer
-----------------------------------------------------------------------------*/
.footer {background: #33499e; padding-bottom: 18px;}
.footer .inner>img {float: left; margin: 18px 0 0;}
.footer .inner>a {float: left; color: #81cbdc; margin: 37px 0 0 110px; text-transform: uppercase; font-size: 11px;}
.footer .inner>p {float: right; margin: 34px 0 0; color: #fff; font-size: 19px;}
.footer .inner>p a {color: #fff; text-decoration: none;}
.footer .inner>p a span {font-size: 28px;}

/* popup
-----------------------------------------------------------------------------*/
.hide-layout { display: none; background: #000; bottom: 0;height: 100%; position: fixed; top: 0; width: 100%; z-index: 181998;}
.popup {position: fixed; z-index: 2122000; background: #f0f1f3; height: auto; width: 640px; padding: 30px; display:none;}
.click-me {cursor: pointer;}
.btn-close { position: absolute; right: -20px; top: -20px; width: 36px; height: 36px; background: url(../images/close.png) no-repeat; cursor: pointer; z-index: 11;}
.form-title {color: #3d3d3f; font-size: 26px; line-height: 32px; text-transform: uppercase; text-align: center;}
#popup2 {padding: 20px; font-size: 16px;}
#popup2 .form-title {text-align: left; margin-bottom: 20px; color: #33499e;}
#popup2 .popup-content {width: 640px; padding: 20px 20px 26px; height: 600px; text-align: left;}
.for-indent {padding-left: 22px;}
#popup2 p {margin-bottom: 16px;}
.pol {height: 606px; padding-right: 10px; overflow-y: scroll;}
.new-popup .pol{height: auto;}
.title-p {font-family: 'Circe-Bold'; margin-bottom: 5px !important;}
.click-me1, .click-me2 {cursor: pointer;}
#popup3 {width: 100%; height: 100%; z-index: 1000; position: absolute; padding: 0; left: 0 !important; top: 0 !important;}
#popup3 .btn-close {right: 5px; top: 5px;}
.adress {overflow-y: hidden;}
.ymaps-2-1-29-controls__toolbar {display: none;}
.popup-text-p{margin-top: 20px; font-size: 15px;}

/* responsive
-----------------------------------------------------------------------------*/
@media screen and (max-width:1169px) {
  .inner {width: auto;}
  .top {text-align: center;}
  .nav {display: block !important; margin: 10px 0 0;}
  .main-slide {padding-top: 220px;}
  .text-style1 {padding: 0; font-size: 32px;}
  .title {font-size: 46px; line-height: 50px;}
  .text-style2 {font-size: 80px; line-height: 90px;}
  .text-style3 {font-size: 36px;}
  .btn {padding: 0 20px; font-size: 20px; line-height: 57px; height: 55px;}
  .location1 {padding-left: 30px;}
  .main-slide {padding-bottom: 40px;}
  .text {width: auto;}
  .title2 {font-size: 32px; line-height: 34px;}
  .program-main {text-align: center;}
  .program-main>p {display: none;}
  .programs-list-main>div {margin: 0 30px 40px !important;}
  .title2 {margin-bottom: 30px;}
  .program-text p {margin-bottom: 20px;}
  .programs-list-main {text-align: center;}
  .schedule-main {text-align: center;}
  .schedule-main>div {margin: 0 10px 30px;}
  .schedule-main .no-margin {margin-right: 10px !important;}
  .programs-list {text-align: center;}
  .schedule .btn, .cost-main .btn {padding: 14px 10px 12px;}
  .btn {max-width: 260px; line-height: 22px; padding: 14px 10px 12px; height: auto;margin: 0 auto; margin-bottom: 30px; cursor: pointer;}
  .title3 {font-size: 32px; text-align: center; margin-bottom: 70px;}
  .important {background-position: center -140px; background-repeat: no-repeat;}
  .important-blocks1>div {margin: 0 30px 30px;}
  .important-blocks1 {text-align: center; margin-bottom: 70px;}
  .title4 {font-size: 32px; text-align: center; line-height: 36px; margin: 0;}
  .p-style1 {margin: 20px auto; text-align: left; font-size: 16px; line-height: 18px; width: auto; padding: 0 20px; max-width: 580px;}
  .important-blocks2 {text-align: center;}
  .important-blocks2>div {text-align: left; margin: 0 0 45px !important;}
  .important-blocks2 p {font-size: 16px; line-height: 18px;}
  .cost-main>div {width: 300px; margin: 0 24px 30px;} 
  .price span {font-size: 50px; line-height: 50px; margin-bottom: 0px;}
  .price {padding: 20px 0 0;}
  .title6 {font-size: 32px; line-height: 36px;}
  .form-main input[type="text"] {width: 268px; font-size: 18px; height: 48px;}
  .form-block form {margin: 0 15px;}
  .date2 span {font-size: 80px; line-height: 90px;}
  .date2 {font-size: 36px;}
  .form-text>img {max-width: 300px;}
  .form-block form>div {width: 300px; margin: 40px 50px 0;}
  .form-block {text-align: center;}
  .form-main p {text-align: left;}
  .form-main .btn {margin: 10px 0 0;}
  .form-text .location {background-position: 72px 0;}
  .adress-text {float: right;}
  .adress-text .btn {height: auto; line-height: 22px; padding: 14px 10px 12px;}
  .adress-text {display: inline-block; padding-right: 100px !important;  margin-left: 0;}
  .adress-text .btn {max-width: 300px !important; display: inline-block;}
  .footer {padding-top: 20px;}
  .footer .inner>* {display: inline-block; vertical-align: middle; padding: 0; margin: 0 20px 12px !important; float: none !important;}
  .footer {text-align: center;}
  .footer .inner>p {line-height: 25px;}
  #popup2 {width: 540px;}
  .pol {height: 400px;}
  .new-popup .pol{height: auto;}
  .text-style4 {line-height:32px;}
}
@media screen and (max-width:860px) {
  .form-block form>div {width: 300px; margin: 40px 10px 0; }
  .adress-text {width: auto; padding: 0 20px !important;}
}
@media screen and (max-width:640px) {
  .top {position: absolute;}
  .top .inner>a>img {height: 38px;}
  .nav a {display: block; margin: 0;}
  .main-slide {padding-top: 200px;}
  .title {font-size: 26px; line-height: 32px;}
  .text-style1 {font-size: 26px; line-height: 32px;}
  .text-style2 {font-size: 60px; line-height: 60px;}
  .text-style3 {font-size: 26px;}
  .nav {display: none !important;}
  .program-main>div {margin: 0 5px 40px;}
  .programs-list-main>div {width: 320px; margin: 0 0 30px !important;}
  .program-title {font-size: 26px; line-height: 28px; margin-top: 30px;}
  .label {left: 0;}
  .hidden {display: block;}
  .btn-show {display: block;}
  .programs-list .center-align {margin: 30px 0 0;}
  .programs-list {padding-bottom: 30px;}
  .important-blocks1>div {display: block; width: 300px; margin: 0 auto 40px;}
  .important-blocks2 p {width: 210px;}
  .important-blocks2>div {width: 300px;}
  .cost-main>div {margin: 0 0 30px;}
  .form-main {text-align: center;}
  .adress .inner>img {max-width: 300px; margin-left: 10px;}
  .adress-text {margin-top: 50px;}
  .adress {background-position:  0 0; padding-bottom: 100px;}
  .adress-text div {font-size: 28px; line-height: 30px; margin-bottom: 15px;}
  .adress-text p {font-size: 24px; line-height: 26px;}
  #popup2 {width: 260px;}
  #popup2 {margin-left: -20px;}
  .pol {height: 300px;}
  .new-popup .pol{height: auto;}
  #popup2 .form-title {font-size: 19px; line-height: 24px;}
  .form-block form {margin: 0;}
  .form-block form>div {width: 280px;}
  .form-text>img {max-width: 280px;} 
  .form-main input[type="text"] {width: 240px;}
  .show-btn {display: block;}
  .hidden {display: none;}
  .program-main>div {width: 300px;}
  .title3 {padding: 0 20px;}
  .title3 {font-size: 29px; line-height: 32px;}
  .calendar {margin:  11px 0 0 -34px;}
  .important {background-position: -90px 0;}
}
.new-popup{ height: auto; padding: 0;}
.relative{overflow: hidden;}
.relative:after{
  position: absolute;
  content: '';
  width: 377px;
  height: 212px;
  background: url(../images/new-p.png);
  bottom: 0;
  right: 0;
}
.popup-left{
  width: 36%;
  float: left;
  background: #3b489c;
  height: 100%;
  min-height: 340px;
  position: absolute;
  padding: 25px;
  box-sizing: border-box;
}
.popup-left p{
  font-size: 19px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
.popup-left:after{
  position: absolute;
  content: '';
  width: 63px;
  height: 88px;
  top: 50%;
  margin-top: -44px;
  right: 0;
  background: url(../images/new-after.png);
}
.popup-left img{
  margin-top: 40px;
  margin-bottom: 25px;
  max-width: 141px;
}
.popup-right{
  float: left;
  width: 62%;
  padding-top: 20px;
  min-height: 340px;
  padding-left: 39%;
  padding-bottom: 15px;
}
.new-popup .form-title{
  font-size: 15px;
  line-height: 25px;
}
@media (max-width: 870px){
  .popup-right{
    float: none;
    width: 100%;
    min-height: 1px;
    box-sizing: border-box;
    padding-left: 10px;
  }
  .popup-left img{
    max-width: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .popup-left{
    float: none;
    width: 100%;
    text-align: center;
    height: 260px;
    min-height: 1px;
    position: relative;
  }
  .popup-left:after{
    display: none;
  }
  .new-popup .pol{
    max-height: 500px;
    padding-right: 0;
  }
  .new-popup{
    width: 340px;
  }
  .relative{
    overflow-y: auto;
  }
}