@font-face {
  font-family: 'Avetra';
  src: url("../fonts/Avertademopecutteddemoregular.ttf") format("truetype"); }

@font-face {
  font-family: 'roboto';
  src: url("../fonts/Roboto-Light.ttf") format("truetype"); }

html {
  width: 100%; }

.bodyColor {
  background-color: #000;
  width: 100%; }

.decstop {
  max-width: 1920px;
  width: 100%;
  display: block; }

.mobile {
  display: none; }

.logo {
  max-width: 300px;
  width: 100%; }

.header {
  padding: 10px 0px; }
  .header__btn {
    font-size: 24px;
    text-decoration: none;
    color: white; }
    .header__btn:hover {
      color: #beaaaa;
      text-decoration: none; }

.cover {
  position: relative;
  max-width: 1920px;
  width: 100%;
  height: 80vh;
  overflow: hidden; }
  .cover__img {
    margin: 0 auto; }

.coverMask {
  position: absolute;
  top: 0;
  left: 0;
  background: -o-linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.432) 50%);
  background: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.432) 50%);
	z-index:10;
  width: 100%;
  height: 80vh; }

.head {
  position: absolute;
  top: 20%;
  left: 10%;
  text-align: center;
  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-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start; }
  .head__name {
    font-size: 44px;
    color: white;
    font-family: Avetra;
    font-weight: bold;
    letter-spacing: 2px; }
  .head__text {
    font-family: roboto;
    font-size: 36px;
    letter-spacing: 10px;
    color: white;
    font-weight: 300; }
  .head__play img {
    width: 100px;
    height: 100px;
    color: white;
    margin: 50px auto 0px auto;
    display: block; }
    .head__play img:hover {
      text-decoration: none;
      color: #beaaaa; }

.cardBlock {
  max-width: 1200px;
  width: 100%;
  margin: auto; }
  .cardBlock .card {
    background-color: inherit; }
    .cardBlock .card-title {
      color: white;
      font-size: 30px;
      font-family: Avetra; }
    .cardBlock .card-text {
      font-size: 18px;
      color: #fff; }
  .cardBlock__icon {
    width: 100px;
	  margin:auto;
    color: #535353; }
  .cardBlock .bord {
    border-left: 1px solid #535353; }

.buttons {
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .buttons__head {
    color: white;
    font-size: 24px;
    font-family: Avetra;
    font-weight: 700; }
  .buttons__text {
    color: white;
    font-size: 14px;
    font-weight: 300;
    font-family: roboto; }
  .buttons__link {
    color: white;
    background-color: #009ff4;
    width: 100%;
    text-align: center;
    padding: 15px 0px;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 4px;
    font-weight: 300;
    border-radius: 5px; }
    .buttons__link:hover {
      color: black;
      background-color: #535353;
      text-decoration: none; }
  .buttons__btn:last-child {
    padding: 15px 0px;
    color: white;
    background-color: #535353;
    font-family: roboto;
    font-size: 16px;
    text-align: center;
    letter-spacing: 4px;
    border-radius: 5px; }
  .buttons__btn:first-child {
    padding: 15px 0px;
    color: white;
    background-color: #535353;
    font-family: roboto;
    font-size: 16px;
    text-align: center;
    letter-spacing: 4px;
    border-radius: 5px; }
  .buttons__btn {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .buttons__btn:hover {
    text-decoration: none;
    background-color: white;
    color: black; }
.buttons ul {
	padding-left : 0;
}
.resentaciy {
/*   background-color: #fff; */
  width: 100%; }
  .resentaciy__head {
    font-size: 36px;
    color: #fff;
    font-family: Avetra;
    padding: 0px 30px; }
   .resentaciy__img {
    width: 100%; } 
  .resentaciy__text {
    color: #fff;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 40px 150px;
    text-align: left; }

.cardLessons {
  margin-top: 150px; }
  .cardLessons .img {
    width: 100%;
    height: 430px;
    overflow: hidden; }
  .cardLessons .card {
    background-color: rgba(0, 0, 0, 0.705);
	  height: 340px;
    padding: 30px 20px; }
    .cardLessons .card-icon {
      width:100px;
	  margin: auto;
	  
      color: white; }
    .cardLessons .card-title {
      color: white;
      font-size: 22px;
      font-family: Avetra; }
    .cardLessons .card-text {
      font-size: 18px;
      color: white; }

.sochial {
  margin-top: 75px;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .sochial__head {
    color: #fff;
    font-family: Avetra;
	  text-align: center;
    font-size: 24px; }
  .sochial__link {
    color: #fff;
    margin: 0 15px; }
    .sochial__link:hover {
      color: #535353; }
  .sochial__icon {
    font-size: 44px; }

.cursesBTN {
  margin: 70px auto; }
  .cursesBTN a {
    padding: 15px 70px;
    background-color: #009ff4;
    color: white;
    font-size: 16px;
    font-family: roboto;
    margin-top: 50px;
    border-radius: 5px;
    letter-spacing: 4px; }
    .cursesBTN a:hover {
      background-color: #535353;
      color: black;
      text-decoration: none; }

.modal-dialog {
  max-width: 900px;
  width: 100%; }

.modal-content {
  background-color: inherit; }

.modal-title {
  color: white;
  text-shadow: 1px 0px 10px black; }

.modal-body iframe {
  width: 100%;
  height: 500px; }

.modal-dialog-sum{
  max-width: 100%; 
	height:100vh;
	margin:0;
 background-color:black;}
.modal-dialog-sum .modal-content{
	height:100%;
}

.head-proff {
  letter-spacing: 10px;
  font-family: Avetra;
  font-size: 44px;
  color: white;
  text-align: center; }

.head-proff__h3 {
  letter-spacing: 10px;
  font-family: Avetra;
  font-size: 24px;
  color: white; }