.mainframe {
  overflow: hidden;
}

.hero {
  min-height: 90vh;
  padding-bottom: 132px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2))), url('../images/bg-waterlab.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/bg-waterlab.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
  color: #fff;
}

.top-nav {
  height: 45px;
  background-color: #00afec;
}

.contaner {
  position: relative;
  margin-right: 6%;
  margin-left: 6%;
}

.contaner._2 {
  z-index: 40;
  padding-top: 59px;
  padding-bottom: 53px;
}

.link-nav {
  display: inline-block;
  margin-top: 11px;
  margin-right: 22px;
  border-bottom: 1px dashed hsla(0, 0%, 100%, .49);
  color: #fff;
  text-decoration: none;
}

.link-nav:hover {
  border-bottom-color: hsla(0, 0%, 100%, 0);
}

.link-nav.question {
  display: none;
}

.body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.hero-content-left {
  margin-top: 64px;
}

.lesson-header {
  margin-bottom: 45px;
  font-family: 'PT Serif', serif;
  font-size: 63px;
  line-height: 60px;
  font-weight: 700;
}

.ilalic {
  font-family: 'PT Serif', serif;
  line-height: 66px;
  font-style: italic;
  font-weight: 400;
}

.with-icons {
  display: none;
  height: 50px;
  margin-bottom: 30px;
  padding-left: 58px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url('../images/ico-date2x_1ico-date@2x.png');
  background-position: 10px 50%;
  background-size: 36px;
  background-repeat: no-repeat;
  font-family: 'PT Serif', serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.with-icons.allages {
  margin-bottom: 80px;
  background-image: url('../images/ico-allAges2x_1ico-allAges@2x.png');
  background-position: 0px 50%;
  background-size: 49px;
}

.descriptor {
  margin-bottom: 30px;
  font-size: 19px;
}

.logo-lesson {
  margin-top: 25px;
  margin-bottom: 35px;
}

.invitation {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
  width: 460px;
  height: 434px;
  float: right;
  background-color: #fff;
  background-image: url('../images/pattern2x.png');
  background-position: 50% 50%;
  background-size: 949px;
}

.invitation-content {
  position: absolute;
  left: -38px;
  width: 460px;
  height: 389px;
  background-color: #fff;
  box-shadow: 28px 28px 35px -20px rgba(79, 144, 198, .61);
  color: #000;
  line-height: 25px;
}

.blue {
  margin-right: 48px;
  margin-left: 48px;
  color: #00afec;
  font-size: 15px;
}

.text-bl {
  margin-right: 48px;
  margin-left: 48px;
}

.bold-text {
  margin-right: 48px;
  margin-left: 48px;
  font-family: 'PT Serif', serif;
  font-size: 20px;
}

.image {
  margin-right: 48px;
  margin-left: 48px;
}

.btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 21px 30px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn-inv {
  padding-left: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.btn-inv.join {
  margin-left: -2px;
  padding-left: 60px;
  background-color: #00afec;
  background-image: url('../images/ico-join-small2x_1ico-join-small@2x.png');
  background-position: 12px 50%;
  background-size: 39px;
  background-repeat: no-repeat;
  line-height: 16px;
}

.btn-inv.join:hover {
  background-color: #1a8ce6;
}

.btn-inv.get-diplom {
  padding-left: 60px;
  border: 2px solid #00afec;
  background-color: #fff;
  background-image: url('../images/ico-diplom2x_1ico-diplom@2x.png');
  background-position: 9px 50%;
  background-size: 40px;
  background-repeat: no-repeat;
  color: #00afec;
  line-height: 16px;
}

.btn-inv.get-diplom:hover {
  background-color: #00afec;
  color: #fff;
}

.div-block {
  width: 460px;
  height: 45px;
  margin-right: 38px;
  padding-right: 23px;
  padding-left: 23px;
  float: right;
  background-color: #def5fd;
}

.link-nav-copy {
  display: inline-block;
  height: 22px;
  margin-top: 11px;
  margin-right: 22px;
  margin-left: 25px;
  padding-top: 1px;
  border-bottom: 1px dashed #00afec;
  color: #000;
  text-decoration: none;
}

.link-nav-copy:hover {
  border-bottom-color: rgba(0, 175, 236, 0);
}

.soc-item {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-left: 5px;
  background-image: url('../images/ico-vk2x_1ico-vk@2x.png');
  background-position: 50% 50%;
  background-size: 26px;
  background-repeat: no-repeat;
  text-decoration: none;
}

.soc-item.fb {
  background-image: url('../images/ico-fb2x_1ico-fb@2x.png');
  background-size: 12px;
}

.soc-item.fb:hover {
  background-image: url('../images/ico-fb-hover2x_1ico-fb-hover@2x.png');
  background-size: 12px;
}

.soc-item.insta {
  background-image: url('../images/ico-insta2x_1ico-insta@2x.png');
  background-size: 20px;
}

.soc-item.insta:hover {
  background-image: url('../images/ico-insta-hover2x_1ico-insta-hover@2x.png');
  background-size: 20px;
}

.soc-item.vk {
  background-size: 25px;
}

.soc-item.vk:hover {
  background-image: url('../images/ico-vk-hover2x_1ico-vk-hover@2x.png');
  background-size: 26px;
}

.social-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100%;
  float: right;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ico {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-top: -3px;
  margin-right: 6px;
  margin-left: -33px;
  float: left;
  background-image: url('../images/icon-like2x_1icon-like@2x.png');
  background-position: 50% 50%;
  background-size: 23px;
  background-repeat: no-repeat;
}

.table-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.table-column {
  display: block;
  width: 33.33333333px;
  min-height: 200px;
  padding-right: 33px;
  padding-bottom: 33px;
  padding-left: 33px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid #00afec;
  border-left: 1px solid #00afec;
}

.bold-text-2 {
  font-family: 'PT Serif', serif;
  font-size: 31px;
}

.sect2 {
  min-height: auto;
  margin-top: -31px;
  padding-bottom: 70px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .85)), to(hsla(0, 0%, 100%, .85))), url('../images/pattern2x.png');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .85), hsla(0, 0%, 100%, .85)), url('../images/pattern2x.png');
  background-position: 0px 0px, 50% 736px;
  background-size: auto, contain;
  background-repeat: repeat, repeat-x;
}

.join-block {
  position: relative;
  top: 0px;
  height: 200px;
  margin-bottom: 94px;
  margin-left: 0%;
  background-color: #fff;
  background-image: url('../images/pattern2x.png');
  background-position: 0px 0px;
  background-size: 949px;
  background-repeat: no-repeat;
}

.join-block-content {
  position: absolute;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 153px;
  margin-top: -74px;
  padding-right: 20px;
  padding-left: 6%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00afec;
  box-shadow: -5px 38px 50px -20px rgba(79, 144, 198, .61);
}

.btn-big-join {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 81px;
  padding: 15px 30px 16px 96px;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #fff;
  background-image: url('../images/ico-join-big2x.png');
  background-position: 12px 50%;
  background-size: 68px;
  background-repeat: no-repeat;
  color: #00afec;
  font-size: 16px;
  line-height: 21px;
}

.counter-user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 265px;
  height: 81px;
  padding: 10px 20px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #fff;
  color: #fff;
}

.text-block {
  display: block;
  width: 33.33333333%;
  margin-left: 18px;
  color: #fff;
  font-size: 15px;
  line-height: 24px;
}

.text-block-2 {
  font-size: 35px;
  line-height: 35px;
}

.text-block-3 {
  margin-left: 8px;
  font-size: 15px;
}

.text-block-3.small {
  font-size: 15px;
}

.logo-link {
  margin-right: auto;
  margin-left: auto;
}

.logo-link:hover {
  opacity: 0.64;
}

.tabs {
  margin: 50px 62px 0px;
}

.tab-link {
  z-index: 25;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00afec;
  box-shadow: 1px 1px 6px 0 rgba(79, 144, 198, .61);
  font-family: 'PT Serif', serif;
  color: #fff;
  font-size: 22px;
}

.tab-link:hover {
  background-color: #1a8ce6;
}

.tab-link.w--current {
  z-index: 30;
  background-color: #fff;
  box-shadow: 1px 1px 43px -14px rgba(79, 144, 198, .61);
  color: #000;
}

.tab-link._3 {
  z-index: 20;
  background-color: #81c2f7;
}

.tab-link._3:hover {
  background-color: #1a8ce6;
}

.tab-link._3.w--current {
  background-color: #fff;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
}

.text-block-4 {
  margin-bottom: 40px;
  padding-top: 21px;
  padding-bottom: 20px;
  padding-left: 200px;
  background-image: url('../images/2sOPhO2x.png');
  background-position: 0px 50%;
  background-size: 134px;
  background-repeat: no-repeat;
  line-height: 25px;
}

.text-block-4._1-3 {
  background-image: url('../images/lessons_1-4_03.svg');
  background-position: 31px 18px;
  background-size: 80px;
}

.text-block-4._1-2 {
  background-image: url('../images/lessons_1-4_02.svg');
  background-position: 25px 50%;
  background-size: 80px;
}

.text-block-4._1-1 {
  background-image: url('../images/lessons_1-4_01.svg');
  background-position: 19px 50%;
  background-size: 90px;
}

.text-block-4._2-1 {
  background-image: url('../images/lessons_5-8_01.svg');
  background-size: 38px;
}

.text-block-4._2-2 {
  background-image: url('../images/lessons_5-8_03.svg');
  background-position: 30px 17px;
  background-size: 80px;
}

.text-block-4._3-3 {
  background-image: url('../images/lessons_9-11_04.svg');
  background-position: 30px 21px;
  background-size: 80px;
}

.text-block-4._3-1 {
  background-image: url('../images/lessons_9-11_01.svg');
  background-position: 20px 3px;
  background-size: 80px;
}

.tab-pane {
  z-index: 40;
  padding: 71px 100px 100px;
  background-color: #fff;
}

.tabs-content {
  box-shadow: 1px 1px 43px -14px rgba(79, 144, 198, .61);
}

.div-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-right: -100px;
  margin-bottom: -100px;
  margin-left: -100px;
  padding: 21px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00afec;
}

.btn-big-join-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 81px;
  margin-left: -2px;
  padding: 15px 30px 16px 96px;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  background-image: url('../images/ico-join-big2x.png');
  background-position: 12px 50%;
  background-size: 68px;
  background-repeat: no-repeat;
  color: #00afec;
  font-size: 21px;
  line-height: 21px;
}

.btn-big-join-copy:hover {
  background-color: #1a8ce6;
  color: #fff;
}

.btn-big-join-copy.get-dipl {
  background-color: #9dd9ea;
  background-image: url('../images/ico-diplom-big2x_1ico-diplom-big@2x.png');
  background-position: 24px 50%;
  background-size: 55px;
  color: #fff;
}

.btn-big-join-copy.get-dipl:hover {
  background-color: #1a8ce6;
}

.counter-user-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  height: 81px;
  padding: 10px 20px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border: 2px solid #fff;
  color: #fff;
}

.slider {
  width: 882px;
  height: 656px;
  margin-right: 40%;
  margin-left: auto;
  float: right;
  background-color: transparent;
}

.slider-2 {
  position: absolute;
  top: -80px;
  right: 0px;
  bottom: -2px;
  z-index: 40;
  width: 43%;
  height: 670px;
  margin-top: 0px;
  background-color: #00afec;
  color: #fff;
  line-height: 25px;
}

.slide {
  width: 882px;
  height: 656px;
  background-image: url('../images/reka-4.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.slide.planet {
  background-image: url('../images/PLANET.jpg');
}

.slide._1 {
  background-image: url('../images/rivers.jpg');
}

.section-slider {
  position: relative;
  background-image: url('../images/670.png');
  background-position: 0px 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.slide-nav {
  padding-bottom: 66px;
  padding-left: 50px;
  text-align: left;
}

.slide-2 {
  padding-top: 105px;
  padding-right: 30%;
  padding-left: 75px;
}

.text-block-5 {
  margin-top: 46px;
  margin-bottom: 20px;
  font-family: 'PT Serif', serif;
  font-size: 21px;
}

.left-arrow {
  left: -140%;
  top: 0px;
  bottom: 0px;
}

.section-testi {
  padding-top: 107px;
  padding-bottom: 55px;
}

.testi-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 450px;
  margin-bottom: 39px;
}

.block-quote {
  width: 70%;
  height: auto;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-right: 154px;
  padding-left: 133px;
  border-left-style: none;
  background-image: url('../images/ico-quote2x.png');
  background-position: 0px 0px;
  background-size: 103px;
  background-repeat: no-repeat;
  font-family: 'PT Serif', serif;
  font-size: 21px;
  line-height: 30px;
}

.don {
  position: relative;
  top: -64px;
  width: 276px;
  height: 111px;
  background-color: #fff;
  background-image: url('../images/pattern2x.png');
  background-position: 0px 0px;
  background-size: 949px;
}

.don-content {
  position: absolute;
  left: -36px;
  top: -32px;
  width: 276px;
  height: 111px;
  padding: 18px;
  background-color: #fff;
  box-shadow: 11px 11px 37px 1px rgba(79, 144, 198, .61);
}

.text-span {
  display: block;
  width: 262px;
  height: 9px;
  margin-top: 27px;
  background-image: url('../images/devider-wave2x.png');
  background-position: 0px 50%;
  background-size: 263px;
  background-repeat: no-repeat;
  color: rgba(160, 16, 16, 0);
}

.text-block-6 {
  font-size: 14px;
}

.text-block-7 {
  font-family: 'PT Serif', serif;
  font-size: 21px;
  line-height: 26px;
}

.div-block-3 {
  width: 360px;
  margin-top: 18px;
}

.div-block-4 {
  position: relative;
  top: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section-map {
  padding-top: 90px;
}

.sect-title {
  margin-bottom: 16px;
}

.text-block-8 {
  font-family: 'PT Serif', serif;
  font-size: 28px;
  line-height: 33px;
  font-weight: 700;
  text-transform: uppercase;
}

.divider {
  margin-right: 48px;
  margin-left: 0px;
}

.html-embed {
  background-color: #e9e9e9;
}

.section-text {
  padding-bottom: 104px;
}

.card-panel {
  width: 463px;
  min-height: 463px;
  padding: 21px;
  box-shadow: 5px 5px 50px -14px rgba(79, 144, 198, .61);
  font-size: 18px;
  line-height: 25px;
}

.cover {
  width: 100%;
  height: auto;
  margin-bottom: 26px;
  background-color: #e4e4e4;
}

.par {
  margin-bottom: 22px;
}

.link {
  border-bottom: 1px solid rgba(0, 175, 236, .31);
  color: #00afec;
  text-decoration: none;
}

.section-map-copy {
  min-height: 700px;
  margin-top: 123px;
  margin-bottom: 96px;
  padding-top: 119px;
  background-image: url('../images/BG-WAVE-80.jpg');
  background-position: 0px 0px;
  background-size: auto 700px;
  background-repeat: repeat-x;
}

.cover-lesson {
  position: absolute;
  top: -159px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #505050;
  box-shadow: 31px 39px 50px -21px rgba(79, 144, 198, .61);
}

.cover-lesson:hover {
  z-index: 300;
  box-shadow: 58px 74px 50px -21px rgba(79, 144, 198, .61);
  -webkit-transform: scale(1.09);
  -ms-transform: scale(1.09);
  transform: scale(1.09);
}

.cover-lesson._2 {
  left: 105px;
  top: 78px;
  z-index: 10;
  width: 350px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0eaea;
  box-shadow: 55px 71px 50px -21px rgba(79, 144, 198, .61);
}

.cover-lesson._2:hover {
  z-index: 50;
}

.cover-lesson._3 {
  left: 7px;
  top: 249px;
  z-index: 25;
  overflow: hidden;
  width: 350px;
  border-style: solid;
  border-width: 1px;
  border-color: #ebe5e5;
  box-shadow: 43px 55px 50px -21px rgba(79, 144, 198, .61);
}

.cover-lesson._1 {
  top: -143px;
  right: 60px;
  z-index: 4;
  width: 350px;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
  box-shadow: -46px 64px 50px -21px rgba(79, 144, 198, .47);
}

.cover-lesson._1:hover {
  z-index: 50;
}

.column-2 {
  position: relative;
}

.text-block-9 {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 25px;
}

.text-block-9.m-top {
  margin-top: 36px;
}

.section-txt {
  padding-top: 90px;
}

.ico--link {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-top: -3px;
  margin-right: 6px;
  margin-left: -33px;
  float: left;
  background-image: url('../images/icon-link2x_1icon-link@2x.png');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
}

.logo-link-copy {
  margin-top: 33px;
  margin-left: 0px;
}

.logo-link-copy:hover {
  opacity: 0.64;
}

.section-txt-copy {
  position: relative;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 143px;
  background-image: url('../images/photo-students2x.png');
  background-position: 170% 50%;
  background-size: 1081px;
  background-repeat: no-repeat;
}

.footer-sect {
  position: relative;
  z-index: 0;
  margin-top: -64px;
  padding-top: 45px;
  padding-bottom: 35px;
  background-color: #00afec;
}

.div-block-5 {
  margin-left: 6%;
}

.social-block-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.soc-item-copy {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  margin-left: 5px;
  padding-right: 22px;
  padding-left: 22px;
  background-image: url('../images/icon-footer-like2x_1icon-footer-like@2x.png');
  background-position: 50% 50%;
  background-size: 40px;
  background-repeat: no-repeat;
  text-decoration: none;
}

.soc-item-copy:hover {
  -webkit-transform: scale(1.11);
  -ms-transform: scale(1.11);
  transform: scale(1.11);
}

.soc-item-copy.fb {
  background-image: url('../images/ico-fb2x_1ico-fb@2x.png');
  background-size: 12px;
}

.soc-item-copy.fb:hover {
  background-image: url('../images/ico-fb-hover2x_1ico-fb-hover@2x.png');
  background-size: 12px;
}

.soc-item-copy.insta {
  background-image: url('../images/ico-insta2x_1ico-insta@2x.png');
  background-size: 20px;
}

.soc-item-copy.insta:hover {
  background-image: url('../images/ico-insta-hover2x_1ico-insta-hover@2x.png');
  background-size: 20px;
}

.soc-item-copy.vk {
  background-size: 25px;
}

.soc-item-copy.vk:hover {
  background-image: url('../images/ico-vk-hover2x_1ico-vk-hover@2x.png');
  background-size: 26px;
}

.soc-item-copy.vkk {
  background-image: url('../images/icon-footer-vk2x_1icon-footer-vk@2x.png');
  background-size: 44px;
}

.soc-item-copy.vkk:hover {
  -webkit-transform: scale(1.09);
  -ms-transform: scale(1.09);
  transform: scale(1.09);
}

.soc-item-copy.fbook {
  background-image: url('../images/icon-footer-fb2x_1icon-footer-fb@2x.png');
  background-size: 20px;
}

.soc-item-copy.fbook:hover {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.soc-item-copy.insta {
  background-image: url('../images/icon-footer-insta2x_1icon-footer-insta@2x.png');
  background-size: 32px;
}

.soc-item-copy.insta:hover {
  background-image: url('../images/icon-footer-insta2x_1icon-footer-insta@2x.png');
  background-position: 50% 50%;
  background-size: 36px;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.link-nav-copyw {
  display: inline-block;
  margin-top: 6px;
  margin-right: 22px;
  margin-left: 70px;
  border-bottom: 1px dashed hsla(0, 0%, 100%, .49);
  color: #fff;
  font-size: 33px;
  line-height: 34px;
  text-decoration: none;
}

.link-nav-copyw:hover {
  border-bottom-color: hsla(0, 0%, 100%, 0);
}

.link-nav-copyw.hide {
  display: none;
}

.tzer {
  position: absolute;
  top: 28px;
  right: 0px;
  width: 320px;
  height: 105px;
  padding-top: 22px;
  padding-right: 22px;
  padding-left: 139px;
  border: 2px solid #fff;
  border-radius: 16px;
  background-image: url('../images/tzer-logo2x.png');
  background-position: 18px 50%;
  background-size: 105px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.text-block-10 {
  text-decoration: none;
}

.div-block-2-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 162px;
  margin-right: 0px;
  margin-bottom: -100px;
  margin-left: 0px;
  padding-right: 80px;
  padding-left: 80px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00afec;
}

.section-txt-copyss {
  padding-top: 0px;
  padding-bottom: 146px;
}

.link-2 {
  margin: 11px 30px 15px;
  color: #fff;
  text-decoration: none;
}

.text-span-2 {
  border-bottom: 1px dashed hsla(0, 0%, 96%, .23);
}

.image-2 {
  padding-right: 0px;
}

.hidden-nav {
  display: none;
}

.sharing {
  display: inline-block;
}

.likes-contaner {
  position: relative;
  z-index: 10;
  display: none;
  margin-top: 12px;
  padding: 20px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
  box-shadow: 0 12px 20px -8px #1a8ce6;
  color: #000;
}

.div-block-6 {
  margin-bottom: 30px;
  margin-left: 0px;
  padding-left: 200px;
  background-image: url('../images/lessons_5-8_01.svg');
  background-position: 19px 0px;
  background-size: 85px;
  background-repeat: no-repeat;
  line-height: 25px;
}

.text-block-11 {
  margin-bottom: 10px;
  font-family: 'PT Serif', serif;
  font-size: 20px;
  font-weight: 700;
}

.paragraph {
  margin-right: 6%;
  margin-left: 6%;
  color: rgba(25, 129, 211, .6);
}

.f-link {
  border-bottom: 1px dotted hsla(0, 0%, 100%, .27);
  color: #1a8ce6;
  text-decoration: none;
}

.f-link:hover {
  color: hsla(0, 0%, 100%, .6);
}

.f-link:visited {
  color: #1a8ce6;
}

.div-block-7 {
  width: 40%;
  margin-right: 62px;
  margin-left: 12px;
  padding-top: 64px;
  padding-right: 0px;
  font-family: 'PT Serif', serif;
  font-size: 21px;
  line-height: 30px;
}

.list-item {
  margin-top: 30px;
  margin-bottom: 24px;
}

.list-item._1 {
  padding-left: 120px;
  background-image: url('../images/lessons_9-11_02.svg');
  background-position: 4% 50%;
  background-size: 75px;
  background-repeat: no-repeat;
  list-style-type: none;
}

.list-item._2 {
  padding-left: 120px;
  background-image: url('../images/lessons_5-8_01.svg');
  background-position: 4% 50%;
  background-size: 75px;
  background-repeat: no-repeat;
  list-style-type: none;
}

.row-2 {
  margin-top: 65px;
  margin-bottom: 48px;
  font-family: 'PT Serif', serif;
  font-size: 17px;
  line-height: 25px;
}

.shag {
  display: block;
  width: 270px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 27px;
}

.div-block-14 {
  position: relative;
  left: -20px;
  margin-bottom: 39px;
}

.text-block-12 {
  position: absolute;
  left: 20px;
  bottom: -8px;
  display: inline-block;
  height: 45px;
  padding: 11px 33px 13px 11px;
  background-image: url('../images/arrow-bg.svg');
  background-position: 0px 50%;
  background-size: auto 45px;
  background-repeat: no-repeat;
  font-family: 'PT Serif', serif;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}

.text-block-13 {
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 46px;
  background-image: url('../images/marker-pin-b.svg');
  background-position: 1% 19%;
  background-size: auto 40px;
  background-repeat: no-repeat;
}

.c-lesson-card2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 47%;
  max-width: 442px;
  margin: 14px 14px 32px;
  padding: 0px 0px 78px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border: 4px solid transparent;
  border-radius: 0px;
  box-shadow: 0 0 48px -9px rgba(79, 144, 198, .61);
}

.c-lesson-title {
  margin: 19px 30px 14px;
  font-family: 'PT Serif', serif;
  font-size: 19px;
  font-weight: 700;
}

.c-lesson-cover {
  border-bottom-right-radius: 25px;
}

.c-lesson-cover._3 {
  padding-top: 185px;
  padding-bottom: 97px;
  background-image: url('../images/cover-lesson22x.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-lesson-cover._1 {
  padding-top: 185px;
  padding-bottom: 97px;
  background-image: url('../images/cover-lesson32x.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.c-lesson-cover._2 {
  padding-top: 185px;
  padding-bottom: 97px;
  background-image: url('../images/cover-leson12x.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-lesson-cover._4 {
  padding-top: 185px;
  padding-bottom: 97px;
  background-image: url('../images/cover-lesson.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-lesson-description {
  margin-right: 30px;
  margin-bottom: 20px;
  margin-left: 30px;
}

.c-lesson-gird-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 25px;
}

.c-lesson-card4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 47%;
  max-width: 442px;
  margin: 14px 14px 32px;
  padding: 0px 0px 78px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border: 4px solid transparent;
  border-radius: 0px;
  box-shadow: 0 0 48px -9px rgba(79, 144, 198, .61);
}

.icon-round {
  position: absolute;
  left: 42%;
  top: -36px;
  right: 50%;
  width: 70px;
  height: 70px;
  border: 5px solid #fff;
  border-radius: 50px;
  background-color: #50aa6d;
}

.icon-round.red-bg {
  left: 46%;
  background-color: #ff3f3e;
}

.icon-round.red-bg.star {
  background-image: url('../images/marker_star_1marker_star.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.c-lesson-card1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 47%;
  max-width: 442px;
  margin: 14px 14px 32px;
  padding: 0px 0px 78px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border: 4px solid transparent;
  border-radius: 0px;
  box-shadow: 0 0 48px -9px rgba(79, 144, 198, .61);
}

.red-infobox {
  position: relative;
  margin-left: 50px;
  padding: 66px 50px 50px;
  border-radius: 5px;
  background-color: #ff3f3e;
  background-image: url('../images/pattern_eco.png');
  background-position: 50% 0px;
  background-size: 652px;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}

.red-infobox.greenfill-copy {
  margin: 88px 0px 60px;
  background-color: #50aa6d;
  text-align: center;
}

.link-4 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 25px;
  margin-right: 25px;
  margin-left: 24px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 28px;
  border-radius: 0px;
  background-color: #00afec;
  text-transform: uppercase;
}

.link-4:hover {
  box-shadow: 0 4px 21px 0 rgba(79, 144, 198, .61);
}

.section {
  min-height: 400px;
  padding-top: 63px;
  padding-bottom: 62px;
}

.section.k {
  padding-top: 0px;
  padding-bottom: 12px;
}

.section-geader {
  margin-top: 0px;
  margin-bottom: 49px;
  font-size: 32px;
  line-height: 39px;
}

.c-lesson-card3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 47%;
  max-width: 442px;
  margin: 14px 14px 32px;
  padding: 0px 0px 78px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border: 4px solid transparent;
  border-radius: 0px;
  box-shadow: 0 0 48px -9px rgba(79, 144, 198, .61);
}

.bold-text-copy {
  margin-right: 48px;
  margin-left: 0px;
  font-family: 'PT Serif', serif;
  font-size: 20px;
}

.div-block-15 {
  width: 50%;
  margin-top: 19px;
  padding-right: 26px;
  color: #fff;
  line-height: 24px;
}

.paragraph-2 {
  width: 200px;
  margin-top: 29px;
  margin-right: auto;
  margin-left: auto;
  color: #828282;
  font-size: 14px;
  text-align: center;
}

.column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-block-15 {
  padding-top: 7px;
  color: #fff;
  font-size: 13px;
  line-height: 21px;
}

.container {
  position: relative;
  display: block;
  max-width: 1248px;
  min-width: 320px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'PT Sans', sans-serif;
  color: #202020;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.footer-organiz-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 57%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #fff;
  font-size: 17px;
  line-height: 28px;
}

.futer-logo {
  position: relative;
  display: inline-block;
  width: 25%;
  padding-top: 17px;
  padding-bottom: 17px;
}

.footer-water {
  display: inline-block;
  width: 18%;
}

.social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.image-10 {
  padding-top: 16px;
}

.footer-logo-row {
  width: 25%;
  padding-left: 6px;
}

.block-footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.scetch {
  width: 36px;
  height: 36px;
  margin-left: 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-image: url('../images/icon_share_1icon_share.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scetch:hover {
  background-image: url('../images/icon_share.svg');
}

.scetch.fb {
  background-image: url('../images/icon_fb_w.svg');
}

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

.scetch.vk {
  background-image: url('../images/icon_vk.svg');
}

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

.scetch.inst {
  background-image: url('../images/icon_inst.svg');
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scetch.inst:hover {
  background-image: url('../images/icon_inst_1icon_inst.png');
}

.section-3 {
  background-color: #0885c4;
}

.important-text {
  margin-left: -7px;
  font-weight: 800;
}

.section-4 {
  padding-top: 50px;
  background-color: #00afec;
  color: #fff;
}

.student-col {
  position: absolute;
  display: inline-block;
  max-width: 505px;
  background-color: #00adf7;
}

.student-col._5_8 {
  position: relative;
  display: inline-block;
  margin-left: 35px;
}

.student-col._5_8._1 {
  background-color: transparent;
  color: #fff;
}

.student-col._9_11 {
  position: relative;
  display: inline-block;
  padding-left: 2%;
}

.student-col._9_11._1 {
  background-color: transparent;
  color: #fff;
}

.student-col._1_4 {
  position: relative;
  display: inline-block;
  margin-left: 35px;
  padding-left: 1%;
}

.student-col._1_4._1 {
  background-color: transparent;
  color: #fff;
}

.text-block-20 {
  font-size: 18px;
}

.text-span-3 {
  color: #fff;
  font-size: 52px;
  line-height: 62px;
  font-weight: 800;
  letter-spacing: 8px;
}

.heading-8 {
  margin-top: 0px;
  font-family: 'PT Serif', serif;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}

.heading-7 {
  margin-top: 20px;
  margin-bottom: 0px;
  color: #2b2b2b;
  font-size: 22px;
  line-height: 26px;
}

.student-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 56px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.list {
  padding-left: 0px;
}

.contaner-flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 6%;
  margin-left: 6%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.contaner-flex._2 {
  z-index: 40;
  padding-top: 59px;
  padding-bottom: 53px;
}

.section-text-copy {
  padding-top: 74px;
  padding-bottom: 104px;
}

.div-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

html.w-mod-js *[data-ix="onscroll1"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="onscroll-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="onscroll-3"] {
  opacity: 0;
}

@media (max-width: 991px) {
  .contaner {
    margin-right: 2%;
    margin-left: 2%;
  }
  .contaner._2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .link-nav {
    font-size: 15px;
  }
  .lesson-header {
    font-size: 50px;
  }
  .invitation {
    top: 0px;
    right: 0px;
    width: 300px;
    height: 493px;
    margin-right: -15px;
  }
  .invitation-content {
    width: 310px;
    height: auto;
    padding-bottom: 37px;
  }
  .blue {
    margin-left: 25px;
  }
  .text-bl {
    margin-left: 25px;
  }
  .bold-text {
    margin-left: 25px;
  }
  .image {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 14px;
  }
  .btn-group {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .btn-inv.join {
    margin-left: 0px;
  }
  .div-block {
    width: 310px;
    margin-right: 13px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .link-nav-copy {
    margin-right: 7px;
    font-size: 15px;
  }
  .social-block {
    width: 90px;
  }
  .table-column {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 21px;
  }
  .bold-text-2 {
    font-size: 25px;
  }
  .join-block-content {
    width: 100%;
    height: 210px;
    padding-right: 4%;
    padding-left: 4%;
  }
  .btn-big-join {
    font-size: 18px;
  }
  .counter-user {
    width: auto;
    padding-right: 16px;
    padding-left: 16px;
  }
  .text-block {
    padding-right: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 14px;
    line-height: 20px;
  }
  .text-block-2 {
    font-size: 28px;
  }
  .text-block-3 {
    font-size: 13px;
    line-height: 18px;
  }
  .logo-link {
    margin-left: 0px;
  }
  .tabs {
    margin-right: 0px;
    margin-left: 0px;
  }
  .text-block-4 {
    padding-left: 161px;
  }
  .tab-pane {
    padding-top: 55px;
    padding-right: 25px;
    padding-left: 27px;
  }
  .div-block-2 {
    height: auto;
    margin-right: -26px;
    margin-left: -26px;
    padding: 20px;
  }
  .btn-big-join-copy {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 17px;
  }
  .counter-user-copy {
    padding-right: 15px;
    padding-left: 15px;
  }
  .section-slider {
    background-position: -196px 0px;
  }
  .slide-nav {
    padding-left: 32px;
  }
  .slide-2 {
    padding-top: 40px;
    padding-right: 21%;
    padding-left: 34px;
  }
  .section-testi {
    padding-top: 82px;
  }
  .testi-wrapper {
    height: auto;
  }
  .block-quote {
    padding-top: 77px;
    padding-right: 60px;
    padding-left: 0px;
    background-size: 60px;
    font-size: 20px;
  }
  .div-block-3 {
    width: 293px;
    margin-top: 110px;
  }
  .card-panel {
    width: 352px;
    height: 100%;
    min-height: auto;
  }
  .section-map-copy {
    min-height: 800px;
    padding-right: 23px;
    padding-bottom: 57px;
    background-position: 50% 50%;
    background-size: auto 800px;
  }
  .cover-lesson._2 {
    left: 20px;
    top: 110px;
    width: 300px;
    box-shadow: none;
  }
  .cover-lesson._3 {
    left: 20px;
    top: 346px;
    width: 300px;
    box-shadow: none;
  }
  .cover-lesson._1 {
    left: 20px;
    top: -129px;
    right: auto;
    width: 300px;
    box-shadow: 0 0 20px -21px rgba(79, 144, 198, .47);
  }
  .text-block-9 {
    font-size: 16px;
  }
  .section-txt-copy {
    padding-top: 50px;
    padding-bottom: 80px;
    background-position: -195% 44%;
    background-size: 835px;
  }
  .social-block-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 39px;
    margin-bottom: 7px;
    float: left;
  }
  .link-nav-copyw {
    margin-top: 0px;
    margin-bottom: 15px;
    float: right;
    font-size: 22px;
  }
  .tzer {
    position: static;
    margin-top: 37px;
    float: left;
  }
  .div-block-2-copy {
    height: auto;
    padding: 20px;
  }
  .image-3 {
    width: 132.5px;
  }
  .div-block-7 {
    width: 50%;
    margin-right: 16px;
    margin-left: 15px;
    padding-right: 0px;
  }
  .list-item._1 {
    padding-top: 100px;
    padding-left: 0px;
    background-position: 0% 0%;
  }
  .list-item._2 {
    padding-top: 100px;
    padding-left: 0px;
    background-position: 0% 0%;
  }
  .shag {
    width: 209px;
  }
  .text-block-13 {
    padding-left: 31px;
    background-position: 0% 19%;
    background-size: auto 35px;
  }
  .c-lesson-title {
    margin-right: 15px;
    margin-left: 15px;
  }
  .c-lesson-description {
    margin-right: 15px;
    margin-left: 15px;
  }
  .c-lesson-card1 {
    margin-left: 0px;
  }
  .link-4 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .section {
    padding-left: 10px;
  }
  .section.k {
    padding-bottom: 0px;
  }
  .section-geader {
    margin-bottom: 7px;
    line-height: 45px;
  }
  .c-lesson-card3 {
    margin-left: 0px;
  }
  .bold-text-copy {
    margin-left: 0px;
  }
  .div-block-15 {
    width: 60%;
  }
  .footer-organiz-col {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .futer-logo {
    width: 50%;
  }
  .footer-water {
    width: 50%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .social {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer-logo-row {
    text-align: center;
  }
  .footer-org-text {
    text-align: left;
  }
  .section-3 {
    padding-top: 32px;
  }
  .student-col._5_8._1 {
    margin-left: 0px;
  }
  .student-col._9_11._1 {
    padding-left: 0%;
  }
  .student-col._1_4._1 {
    margin-left: 0px;
    padding-left: 0%;
  }
  .student-block {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contaner-flex {
    margin-right: 2%;
    margin-left: 2%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contaner-flex._2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .section-text-copy {
    padding-bottom: 0px;
  }
  .div-block-16 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .contaner {
    margin-right: 10px;
    margin-left: 10px;
  }
  .link-nav {
    margin-left: 22px;
  }
  .link-nav.dip {
    display: none;
  }
  .lesson-header {
    margin-bottom: 34px;
    margin-left: 30px;
  }
  .with-icons {
    margin-bottom: 6px;
    margin-left: 17px;
  }
  .descriptor {
    margin-left: 30px;
  }
  .logo-lesson {
    margin-left: 30px;
  }
  .invitation {
    position: relative;
    width: auto;
    height: 372px;
    margin-right: 21px;
    margin-bottom: 46px;
    margin-left: 49px;
    float: none;
  }
  .invitation-content {
    left: -47px;
    top: -45px;
    width: 475.28125px;
  }
  .btn-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .div-block {
    width: 234px;
    margin-right: -10px;
  }
  .table-column {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
  }
  .bold-text-2 {
    display: block;
    margin-bottom: -25px;
  }
  .join-block-content {
    height: auto;
    padding-top: 25px;
    padding-bottom: 26px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .btn-big-join {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .counter-user {
    width: 300px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .text-block {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 26px;
    margin-left: 0px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .text-block-3 {
    margin-left: 17px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22px;
  }
  .text-block-3.small {
    font-size: 14px;
    line-height: 15px;
  }
  .logo-link {
    margin-right: 0px;
  }
  .tab-link {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 19px;
    line-height: 22px;
  }
  .tab-link.w--current {
    line-height: 20px;
  }
  .btn-big-join-copy {
    width: 49%;
    padding-left: 91px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .btn-big-join-copy.get-dipl {
    margin-left: 12px;
  }
  .counter-user-copy {
    width: 100%;
    margin-bottom: 12px;
    padding-right: 11px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .section-slider {
    background-position: -356px 0px;
  }
  .testi-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .block-quote {
    width: 354px;
    font-size: 18px;
  }
  .don {
    top: -19px;
    width: 215px;
  }
  .don-content {
    left: -17px;
    top: -24px;
    width: 215px;
    height: 123px;
  }
  .text-block-6 {
    font-size: 12px;
  }
  .div-block-3 {
    width: 220px;
  }
  .div-block-4 {
    position: absolute;
    top: -111px;
    right: 0px;
  }
  .sect-title {
    text-align: center;
  }
  .card-panel {
    width: auto;
    margin-bottom: 35px;
  }
  .section-map-copy {
    margin-top: 60px;
    padding-right: 0px;
    background-position: 50% 0px;
  }
  .cover-lesson._2 {
    position: static;
    width: auto;
    margin-bottom: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cover-lesson._2:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .cover-lesson._3 {
    position: static;
    width: auto;
    margin-bottom: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cover-lesson._3:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .cover-lesson._1 {
    position: static;
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cover-lesson._1:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .section-txt-copyss {
    padding-bottom: 0px;
  }
  .image-2 {
    width: 300px;
    height: 193px;
  }
  .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .image-4 {
    width: 300px;
    height: 180px;
  }
  .image-5 {
    width: 300px;
    height: 180px;
  }
  .hide-onmob {
    display: none;
  }
  .sharing {
    position: relative;
  }
  .likes-contaner {
    position: absolute;
    left: -16px;
  }
  .div-block-7 {
    width: 90%;
  }
  .column-3 {
    padding-right: 6px;
    padding-left: 0px;
  }
  .shag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .text-block-13 {
    padding-top: 39px;
    padding-left: 0px;
    background-position: 50% 0%;
  }
  .c-lesson-card2 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .c-lesson-card4 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .icon-round.red-bg.star {
    left: 42%;
  }
  .c-lesson-card1 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .red-infobox {
    margin-top: 69px;
    text-align: center;
  }
  .red-infobox.greenfill-copy {
    width: 547px;
  }
  .c-lesson-card3 {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .div-block-15 {
    width: auto;
  }
  .column-4 {
    padding-bottom: 19px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .block-footer {
    padding-top: 15px;
  }
  .heading-8 {
    text-align: center;
  }
  .heading-7 {
    text-align: center;
  }
  .contaner-flex {
    margin-right: 10px;
    margin-left: 10px;
  }
  .div-block-16 {
    margin-top: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .matterialy {
    display: none;
  }
}

@media (max-width: 479px) {
  .mainframe {
    overflow: hidden;
  }
  .top-nav {
    height: auto;
  }
  .contaner {
    margin-right: 0px;
    margin-left: 0px;
  }
  .link-nav {
    margin-left: 11px;
  }
  .lesson-header {
    font-size: 40px;
    line-height: 48px;
  }
  .ilalic {
    line-height: 47px;
  }
  .with-icons {
    font-size: 18px;
  }
  .invitation {
    height: 500px;
    margin-right: 0px;
    margin-left: 36px;
  }
  .invitation-content {
    left: -27px;
    width: 300px;
  }
  .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-block {
    width: 100%;
    margin-top: 13px;
    margin-right: 0px;
    float: none;
  }
  .table-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .table-column {
    width: auto;
  }
  .join-block {
    margin-bottom: 116px;
  }
  .join-block-content {
    margin-top: -203px;
  }
  .btn-big-join {
    width: 100%;
  }
  .text-block-3 {
    font-size: 16px;
  }
  .logo-link {
    display: block;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .tabs-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .text-block-4 {
    padding-top: 140px;
    padding-left: 0px;
    background-position: 0px 0px;
  }
  .text-block-4._1-3 {
    background-position: 0px 23px;
  }
  .text-block-4._1-2 {
    background-position: 0px 0px;
  }
  .text-block-4._1-1 {
    margin-top: 57px;
    padding-top: 112px;
    background-position: 0px 0px;
  }
  .text-block-4._2-2 {
    background-position: 0px 16px;
  }
  .text-block-4._3-3 {
    background-position: 0px 36px;
  }
  .text-block-4._3-1 {
    padding-top: 105px;
  }
  .div-block-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .btn-big-join-copy {
    width: 100%;
    margin-left: 0px;
  }
  .btn-big-join-copy.get-dipl {
    width: 100%;
    margin-top: 15px;
    margin-left: 0px;
  }
  .testi-wrapper {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block-quote {
    width: 319px;
    padding-right: 24px;
    padding-left: 15px;
  }
  .don {
    width: 241px;
    height: 131px;
  }
  .don-content {
    width: 231px;
  }
  .div-block-3 {
    display: block;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .div-block-4 {
    position: static;
    height: auto;
    padding-top: 16px;
  }
  .text-block-8 {
    margin-left: 20px;
  }
  .divider {
    margin-left: 20px;
  }
  .card-panel {
    font-size: 14px;
  }
  .cover-lesson._2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cover-lesson._3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cover-lesson._1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-block-6 {
    padding-top: 107px;
    padding-left: 0px;
  }
  .row-2 {
    margin-top: 6px;
  }
  .shag {
    width: 272px;
    margin-top: 53px;
    text-align: center;
  }
  .div-block-14 {
    left: 0px;
  }
  .text-block-13 {
    width: 220px;
    margin-right: auto;
    margin-left: auto;
    background-position: 50% 0%;
  }
  .c-lesson-cover._3 {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .c-lesson-cover._1 {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .c-lesson-cover._2 {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .c-lesson-cover._4 {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .icon-round.red-bg.star {
    left: 37%;
  }
  .red-infobox {
    margin-top: 47px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .red-infobox.greenfill-copy {
    width: auto;
    margin: 81px 10px 0px 0px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .section-geader {
    margin-bottom: 17px;
    font-size: 23px;
    line-height: 29px;
  }
  .column-4 {
    padding-bottom: 45px;
  }
  .text-block-19 {
    margin-top: 26px;
  }
  .footer-organiz-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .futer-logo {
    width: 100%;
    text-align: center;
  }
  .footer-water {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .social {
    margin-top: 38px;
  }
  .footer-logo-row {
    width: 100%;
    padding-bottom: 10px;
  }
  .footer-org-text {
    margin-bottom: 9px;
    text-align: center;
  }
  .contaner-flex {
    margin-right: 0px;
    margin-left: 0px;
  }
}