button:hover{
background-color: #CE242B;
color: white;
}

a:hover{
  color: #CE242B;

}


.plashka1{
  background-color: #497291;
  width: 180;
  height: 28;
}

.plashka2{
  background-color: #497291;
  width: 105;
  height: 28;
}

.textPlashka1{
  padding-top: 3;
  padding-left: 15;
  font-size: 18px;
  font-weight: bold;
  color: #FFFDF5;
}

.textPlashka2{
  font-size: 18px;
  font-weight: bold;
  color: #FFFDF5;
}

.table1{
  padding-top: 40px;
  padding-left: 60px;
  padding-right: 80px;
  padding-bottom: 100;
  border:#497291 solid 1px;
}

.table1Text1{
  font-size: 55px;
  font-weight: 800;
  line-height: 54px;
  color: #497291;
}

.table1Text2{
  padding-right: 170px;
  font-size: 30px;
  font-weight:600;
  line-height: 40px;
  color: #497291;
}
.btn1{
  width: 330px;
  height: 77px;
  font-weight: 600;
  background-color: #497291;
  color: #FFFDF5;
  border: 0;
  font-size: 48px;
}

.btn2{
  width: 330px;
  font-weight: 600;
  background-color: #ffffff;
  color: #6A7C6D;
  border: 0;
  font-size: 48px;
}

.table2{

  padding-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 110;
  background-color: #497291;
}

.table2Text1{
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  color: #FFFDF5;
}


.table2Text2{
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #FFFDF5;
}

.modul2Text1{
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #497291;

}

.circle {

  width: 147px;
  height: 147px;
  line-height: 147px;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  background: #497291;


}

.centerCircle{
  margin-left: 18%;
}




.table3{
  margin-bottom: 15px;
  margin-right: 15px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 60px;
  padding-bottom: 40;
  border:#497291 solid 1px;
}

.modul3Text1{
  text-align: left;
  font-size: 40px;
  font-weight: bold;
  color: #497291;

}

.modul3Text2{
  margin-bottom: 50px;
  padding-right: 35%;
  text-align: left;
  font-size: 25px;
  font-weight: 600;
  line-height: 29px;
  color: #497291;

}

.modul3Text3{
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  color: #497291;

}

.modul3Text4{
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  color: #497291;

}

.modul4Text1{
  text-align: left;
  font-size: 40px;
  font-weight: 900;
  color: #497291;
  margin-bottom: 5%;

}

.modul4Text2{
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  color: #497291;

}

.modul4Text3{
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #497291;

}

.table4{
  padding-top: 60px;
  padding-left: 75px;
  padding-right: 30%;
  padding-bottom: 5%;
  background-color: #497291;
}

.modul5Text1{
  text-align: left;
  font-size: 40px;
  font-weight: 900;
  color: #ffffff;
}

.modul5Text2{
  margin-bottom: 15px;
  text-align: left;
  line-height: 29px;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
}

.modul5Text3{
  margin-bottom: 15px;
  text-align: left;
  line-height: 29px;
  font-size: 48px;
  font-weight: 900;
  color: #ffffff;
}

.modul5Text4{
  margin-bottom: 15px;
  text-align: left;
  line-height: 29px;
  font-size: 16px;
  color: #ffffff;
}

.FAQtext1{
  line-height: 1.2;
  text-align: left;
  font-size: 40px;
  font-weight: 900;
  color: #497291;

}

.FAQtext2{
  text-align: left;
  font-size: 24px;
  font-weight: Bold;
  color: #497291;

}

.FAQtext3{
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #497291;

}

.textBottom{

  display: flex;
  align-items: flex-end;
  margin-bottom: 0% !important;


}

.textBottom1{
  margin-bottom: 6% !important;
}

.textBottom2{
  margin-bottom: 10% !important;
}

.textCost{

}

.textBottom2{
  margin-bottom: 8% !important;
}


.textKniga1{
  padding-left: 0px;
}

.textKniga2{
  padding-left: 0px;
  padding-right: 20%;
}

.textStilisticka1{

  padding-right: 5%;
}

.textStilisticka2{

  padding-right: 30px;

}

.textRedstr1{
  margin-right: 23%;
   margin-left: 2%;"

}

.textRedstr2{
  margin-right: 23%;
   margin-left: 2%;"

}

.textkurs1{
  margin-left: 22%;

}


.textkurs2{
  margin-left: 22%;

}


.pic1{
  text-align: right;

}

.pic2{
  text-align:left;

}

.pic3{
  text-align:right;

}

.pic4{
  text-align:left;

}

.forma1 {
    font-size: 16px;
    margin: 6px;
    width: auto;
    height: auto;
    background-color: #FFFDF5;
    border: #497291 solid 1px;
    color: #497291;
}

.rowVideo{
  margin-bottom: 5%;
}

.autoPlayVideo {
    margin-bottom: 50px;
    border: 1px solid #497291;
}

.textVideo{
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #497291;

}

@media screen and (min-width: 0px) and (max-width: 820px){
  .table1Text2 {
    padding-right: 0px;

}

  .textVideo  {margin-left: 0%; margin-right: 0%; margin-bottom: 0px;
    font-size: 16px;
  }

  .forma1{
    width: auto;
    height: auto;
  }


.table1{
  margin-bottom: 15px;
  padding-left: 12%;
  padding-right: 5%;
  padding-bottom: 15%;
}

.table2{
    padding-top: 20%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 15%;
    width: -webkit-fill-available;
  }


  .table4{
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 15%;
    padding-bottom: 5%;
    background-color: #497291;
  }
  .textBottom{
    display:block;
    align-items:normal;
    margin-bottom: 5%;

  }

  .textBottom2{
    margin-bottom: 20% !important;
  }

  .pic1{
    text-align: left;
    width: 300px;
  }

  .pic2{

    width: 300px;
  }

  .pic3{
    text-align: left;
    width: 300px;
  }


  .pic4{
    width: 300px;
  }

  .textKniga1{
    padding-left: 15px;
  }

  .textKniga2{
    padding-left: 15px;
    padding-right: 20%;
  }


  .textStilisticka1{
    padding-left: 0%;
    padding-right: 5%;
  }

  .textStilisticka2{
    padding-left: 0%;
    padding-right: 30px;

  }

  .textRedstr1{
    margin-right: 23%;
     margin-left: 2%;

  }

  .textRedstr2{
    margin-right: 23%;
     margin-left: 2%;

  }

  .table2{
    width: -webkit-fill-available;
  }


  .textPlashka1{
    font-size: 18px;
  }

  .table1Text1{
    font-size: 35px;
    line-height: 42px;

  }

    .table1Text2{
    padding-right: 0;
    font-size: 20px;
    line-height: 26px;

  }

  .btn1{
    width: 230px;
    height: auto;
    font-size: 34px;
  }

  .modul2Text1{
    font-size: 24px;
  }

  .circle{
    font-size: 16px;
  }

  .centerCircle{
    margin-left:5%;
    margin-right: 5%;
  }

  .modul3Text1{
    font-size: 24px;
  }

  .modul3Text2{
    padding-right: 5%;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 50px;
  }


  .textkurs1{
    margin-left: 0%;

  }

  .textkurs2{
    margin-left: 0%;

  }

  .textPlashka2{
    font-size: 16px;
    padding-top: 3%;

  }

  .modul3Text3{
    font-size: 20px;
    padding-right: 5%;
  }

  .modul3Text4{
    font-size: 16px;
  }

  .modul4Text1{
    font-size: 24px;
    margin-bottom: 8%;
  }

  .modul4Text2{
    font-size: 18px;
  }

  .modul4Text3{
    font-size: 16px;
  }


  .modul5Text1{
    font-size: 24px;
    margin-bottom: 30px !important;
  }

  .modul5Text2{
    margin-bottom: 16px;
    line-height: 22px;
    font-size: 16px;
  }

  .modul5Text3{
    margin-bottom: 5% !important;
    line-height: 29px;
    font-size: 32px;
  }

  .textCost{
    margin-top: 10% !important;
    margin-bottom: 3% !important;
  }

  .btn2{
    width: 230px;
    font-size: 24px;
    margin-bottom: 5%;
  }

  .modul5Text4 {
    margin-bottom: 60px;
    line-height: 16px;
    font-size: 12px;
  }

  .FAQtext1{
    font-size: 24;
    margin-right: 5% !important;
    margin-bottom: 7% !important;
  }

  .FAQtext2{
    font-size: 18px;
    margin-bottom: 3% !important;
    margin-right: 5% !important;
  }

  .FAQtext3{
    font-size: 16px;
    margin-right: 5% !important;
  }


}

@media screen and (min-width: 820px) and (max-width: 1200px){
    .table1Text2 {
      padding-right: 0px;

  }

  .textVideo  {margin-left: 0%; margin-right: 0%; margin-bottom: 0px;}

  .table1{
    margin-bottom: 15px;
  }

  .forma1{
    width: auto;
    height: auto;
  }

  .table2{
    width: -webkit-fill-available;
  }

  .textBottom{
    display:block;
    align-items:normal;
    margin-bottom: 5%;

  }

  .pic1{
    text-align: left;
  }

  .pic3{
    text-align: left;
  }

  .textKniga1{
    padding-left: 15px;
  }

  .textKniga2{
    padding-left: 15px;
    padding-right: 20%;
  }


  .textStilisticka1{
    padding-left: 0%;
    padding-right: 5%;
  }

  .textStilisticka2{
    padding-left: 0%;
    padding-right: 30px;

  }

  .textRedstr1{
    margin-right: 23%;
     margin-left: 2%;

  }

  .textRedstr2{
    margin-right: 23%;
     margin-left: 2%;

  }

  .textkurs1{
    margin-left: 0%;

  }

  .textkurs2{
    margin-left: 0%;

  }

  }