@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-Light.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-Light.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-Regular.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-Regular.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-Semibold.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-Semibold.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-Semibold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-Bold.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-Bold.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-Black.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-Black.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-Black.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-LightIt.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-LightIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-LightIt.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-It.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-It.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-It.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-SemiboldIt.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-SemiboldIt.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-SemiboldIt.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-BoldIt.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-BoldIt.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-BoldIt.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad-pro/MyriadPro-BlackIt.eot');
  src: url('../fonts/Myriad-pro/MyriadPro-BlackIt.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Myriad-pro/MyriadPro-BlackIt.woff') format('woff'),
  url('../fonts/Myriad-pro/MyriadPro-BlackIt.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
html {
  font-size: 16px;
}
body,
html {
  min-height: 100%;
}
body {
  font-family: "Myriad Pro", sans;
  background-color: #fff2d2;
}
img {
  max-width: 100%;
}
.basis-100 {
  flex-basis: 100%;
}
/*typography*/
.f-14 {
  font-size: 14px;
}
.f-16 {
  font-size: 16px;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.f-22 {
  font-size: 22px;
}
.f-24 {
  font-size: 24px;
}
.f-26 {
  font-size: 26px;
}
.f-28 {
  font-size: 28px;
}
.f-30 {
  font-size: 30px;
}
.fw-semibold {
  font-weight: 500;
}
.text-orange {
  color: #ffaa00;
}
.text-red {
	color: red;
}

.wrapper{
  max-width: 1560px;
  margin-left: auto;
  margin-right: auto;
  /*  text-shadow: 3px 3px 5px #404040;  добавил */
}
.header {
  padding: 100px 50px 0 50px;
  background-image: url("../images/hero.jpg");
  background-size:cover;
  background-position: right center;
  color: #fff;
}
.header-22 {
  padding: 50px;
  background-image: url("../images/colibry.jpg");
  background-size:cover;
  background-position: right center;
  color: #fff;
  text-shadow: 3px 3px 5px #404040;  /*добавил */
}
.header-chi-kung-23 {
  padding: 50px;
  background-image: url("../images/ci-main-2.jpg");
  background-size:cover;
  background-position: center center;
  background-attachment: fixed;
  color: #000000;    /* было #fff  */
  /*  text-shadow: 3px 3px 5px #404040;  добавил */
}
.fs-50 {
  font-size: 32px;
  line-height: 34px;
}
.logo {
  height: 116px;  /* было 166px */
  width: 116px;
}
/*backgrounds*/
.blue-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1cde5+0,a1cde5+100&1+0,1+65,0+100 */
  background: -moz-linear-gradient(left,  rgba(161,205,229,1) 0%, rgba(161,205,229,1) 65%, rgba(161,205,229,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(161,205,229,1) 0%,rgba(161,205,229,1) 65%,rgba(161,205,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(161,205,229,1) 0%,rgba(161,205,229,1) 65%,rgba(161,205,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1cde5', endColorstr='#00a1cde5',GradientType=1 ); /* IE6-9 */
}
.green-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1cde5+0,a1cde5+100&1+0,1+65,0+100 */
  background: -moz-linear-gradient(left,  rgba(175,217,92,1) 0%, rgba(175,217,92,1) 65%, rgba(175,217,92,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(175,217,92,1) 0%,rgba(175,217,92,1) 65%,rgba(175,217,92,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(175,217,92,1) 0%,rgba(175,217,92,1) 65%,rgba(175,217,92,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd95c', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.blue-bg {
  background-color: #cdeaf9;
}
.green-bg {
  background-color: #daefc9;
}
/*blocks and elements*/
.description {
  font-size: 22px;
}
.feedback {
  font-size: 22px;
  line-height: 44px;
  margin-bottom: 44px;
}
.feedback-sign {
  font-size: 28px;
  color: #56718F;
  font-style: oblique;
  line-height: 44px;
  text-align: left;
}
.btn.square {
  border-radius: 0;
}
.btn-orange {
  background-color: #afd95c; /* #ffaa00; */
  color: #fff;
  transition: all 0.25s ease-in-out;
}
.rot90 {
  display: inline-block;
  transform: rotate(90deg);
}
.btn-orange:hover {
  background-color: #9AC565; /* #df9600; */
  transition: all 0.25s ease-in-out;
}
.btn-orange.position-fixed {
  right:50px;
  bottom: 50px;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.btn-orange.position-fixed.show {
  transition: all 0.25s ease-in-out;
  opacity: 1;
}
.lesson-card {
  border-top: 3px solid #fff2d2;
}

.short-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height:3px;
  border-bottom: 3px solid #fff2d2;
}
.icon-link {
  height: 60px;
  width: 60px;
}
.icon-link:hover {
  opacity: 0.8;
  transition: all 0.25s ease-in-out;
}

.footer-img {
  height: 650px;
  width: 100%;
}