.Benefit h3,
.Benefit p {
  text-align: left;
}
.SquarePlate h3,
.Stock__BigTitle,
.Stock__Title {
  text-transform: uppercase;
}
.Feedback,
.FooterContacts,
.Photos h2:before,
.Stock {
  background-repeat: no-repeat;
}
.BigCaption {
  font-weight: 500;
}
.BigCaption__ImageBlock {
  position: absolute;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #f2f5fa;
  top: 0;
}
.BigCaption__ImageBlock img {
  position: absolute;
  height: 120%;
  top: -10%;
  border-radius: 6px;
  margin-left: 2em;
  box-shadow: 0 6px 30px rgba(14,23,40,0.25);
}
.Photos h2:before,
.PricePlate:after {
  content: '';
  height: 3em;
  background-size: 100% auto;
}
.Benefit p {
  font-size: .777em;
  line-height: 1.4;
}
.Benefit__icon {
  width: 4.166em;
  float: left;
  margin-right: .5em;
  margin-top: 1em;
  margin-bottom: 3em;
}
.Teachers {
  margin-bottom: 0;
}
.Teachers .BigCaption {
  margin-bottom: 45px;
}
.SquarePlate {
  border: 10px solid #eb3b2f;
  text-align: center;
  position: relative;
  padding: 1em 1em 3.5em;
  margin-bottom: 90px;
}
.Photos h2,
.PricePlate:after,
.SquarePlate__AvatarContainer {
  position: absolute;
  left: 0;
  right: 0;
}
.SquarePlate h3 {
  font-family: 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 1em;
  margin-bottom: 1em;
}
.SquarePlate h4 {
  font-size: .888em;
  font-weight: 900;
  text-align: left;
  margin: 0;
  padding: 0;
}
.SquarePlate p {
  text-align: left;
  margin-top: 0;
  padding-top: 0;
  font-size: .777em;
}
.Photos,
.Photos h2:before,
.PricePlate,
.SquarePlate--center p,
.Stock form {
  text-align: center;
}
.SquarePlate--white {
  border-color: #FFF;
}
.SquarePlate__AvatarContainer {
  background-color: #FFF;
  display: block;
  padding: 0 1em;
  width: 9em;
  margin: 0 auto;
  bottom: -3.5em;
}
.SquarePlate__AvatarContainer img {
  width: 100%;
  border-radius: 50%;
  border: 3px solid #ccc;
}
.SquarePlate__AvatarContainer--WithoutBorder img {
  border-radius: 0;
  border: none;
}
.Photos {
  padding: 45px 0;
  width: 100%;
  display: block;
  transition: all 1s;
}
.Photos h2 {
  z-index: 2;
  top: 0;
  margin: 0 auto;
}
.Photos h2:before {
  width: 3em;
  background-image: url(https://lila.cfsys.ru/view/portal/img/icons/photocamera.png);
  background-position: 50% 100%;
  display: block;
  margin: 0 auto;
}
.Photos img {
  max-width: 100%;
}
.Photos--OtherHidden {
  display: none;
}
.PricePlate,
.PricePlate:after {
  display: block;
  transition: all .5s ease-out;
}
.Photos__ButtonContainer {
  padding-top: 2em;
  padding-bottom: 2em;
}
.Photos__Side img {
  margin: 2em 0;
  width: 80%;
}
.Photos__Center img {
  margin-top: 10em;
  max-width: 100%;
}
.PricePlate {
  border-radius: 5px;
  background-color: #FFF;
  overflow: hidden;
  padding-bottom: 2em;
  margin-top: 0;
  margin-bottom: 135px;
}
.PricePlate h3 {
  width: 100%;
  color: #FFF;
  background-color: #1878ed;
  font-family: Roboto, sans-serif;
  font-size: 1.333em;
  font-weight: 300;
  padding: 1em 0;
}
.PricePlate:after {
  width: 100%;
  opacity: 1;
  z-index: 1;
  top: 80%;
  background-image: url(https://lila.cfsys.ru/view/portal/img/PriceShadow.png);
  background-position: 50%;
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
}
.ContactsPlate,
.FrancBenefit,
.FrancPrice .PricePlate,
.PricePlate__Cost span,
.SmallLogo,
.StageMap,
.StageMap img,
.btn_container {
  position: relative;
}
.PricePlate:hover {
  margin-top: -0.5em;
}
.PricePlate:hover:after {
  -webkit-transform: scale(.8,1);
  -ms-transform: scale(.8,1);
  transform: scale(.8,1);
  opacity: .7;
  top: 81.5%;
}
.PricePlate__Description {
  font-size: 1em;
  padding: 1em 0;
}
.PricePlate__Cost {
  background-image: url(https://lila.cfsys.ru/view/portal/img/icons/clock.png);
  background-size: 100% auto;
  display: inline-block;
  padding: 5.5em 3.4em 2.7em;
}
.PricePlate__Cost p {
  color: #1878ed;
  font-weight: 900;
  font-size: 2.166em;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.PricePlate__Cost p .fa {
  font-weight: 400;
  font-size: .9em;
}
.PricePlate__Cost span {
  font-size: .777em;
  color: #1878ed;
  font-style: normal;
  font-weight: 700;
  top: -1em;
}
.PricePlate__Caption {
  color: grey;
}
.Stock {
  background-color: #eb3b2f;
  background-image: url(https://lila.cfsys.ru/view/portal/img/cubes.png);
  background-size: auto 80%;
  background-position: 100% 75%;
  color: #FFF;
  padding: 45px 0;
}
.Stock img {
  width: 60%;
  margin: 2em 0;
}
.Stock form {
  display: block;
  width: 68%;
}
.Stock form .input_container3 {
  padding: 5px;
}
.Stock form input {
  width: 100%;
}
.Stock form .btn {
  -webkit-transform: scale(.75,.75);
  -ms-transform: scale(.75,.75);
  transform: scale(.75,.75);
}
.Stock form a {
  color: #FFF;
  text-decoration: underline;
}
.Stock--clock {
  background-image: url(https://lila.cfsys.ru/view/portal/img/stopwatch.png);
}
.Stock__Title {
  font-size: 2.2em;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0;
  margin-bottom: 0;
}
.Stock__BigTitle {
  font-size: 3em;
  font-family: Roboto, sans-serif;
  font-weight: 100;
  line-height: 1.1;
  padding: 1em .5em;
}
.Stock__BigTitle span {
  text-transform: none;
}
.input_container3 {
  display: block;
  float: left;
  width: 33.33%;
  text-align: left;
}
.Feedback {
  background-image: url(https://lila.cfsys.ru/view/portal/img/BigBen.png);
  background-size: auto 100%;
  background-position: 5% 100%;
  padding: 22.5px 0;
}
.Feedback__CarouselContainer {
  margin: 0 auto;
}
.Feedback__CarouselItem {
  background-color: #FFF;
  border-radius: 10px;
  padding: 30px 1em;
  margin: 15px;
  display: inline-block;
}
.Feedback__CarouselItem p {
  display: block;
  float: left;
  color: #1a1a1a;
  text-align: left;
  text-indent: .5em;
  width: 85%;
  margin-top: 0;
  padding: 0 15px;
}
.Feedback__Avatar {
  float: left;
  border-radius: 50%;
  width: 15%;
  border: 3px solid #ccc;
}
.FeedbackAuthor {
  display: block;
  color: #1a1a1a;
  float: left;
  padding-left: 15px;
  font-size: 1.333em;
}
.FrancBenefit,
.OurPath__Stage,
.OurPath__Stage--second p,
.OurPath__WhatWeTake,
footer h2 {
  display: inline-block;
}
.footer1 {
  text-align: center;
  background-image: url(https://lila.cfsys.ru/view/portal/img/fl_map.png);
  background-position: 50% 50%;
}
.footer1 background-size: cover
 
 h2 {
  background-color: #1878ed;
  padding: 0 1em .3em;
  border-radius: 0 0 2em 2em;
  color: #FFF;
}
.FooterContacts {
  background-image: url(https://lila.cfsys.ru/view/portal/img/contacts_plate.png);
  background-size: 100% auto;
  background-position: 50% 0;
}
.ContactsPlate {
  padding: 1em 6em 6em;
  text-align: center;
}
.ContactsPlate img {
  max-width: 100%;
  margin-bottom: 1em;
}
.ContactsPlate p {
  margin: 0 0 .3em;
  line-height: 1.2;
  text-align: left;
}
.OurPath {
  background-color: #FFF;
}
.FrancBenefits h3,
.WhyFrancBest h2,
.btn_container {
  background-color: #1878ed;
}
.OurPath__Stage {
  padding: 1em;
  width: 100%;
}
.OurPath__Stage p {
  margin: 0;
}
.OurPath__Stage--first {
  background-image: url(https://lila.cfsys.ru/view/portal/img/OurPath1.png);
  background-size: 100% auto;
  background-position: 0 50%;
}
.OurPath__Stage--second {
  background-image: url(https://lila.cfsys.ru/view/portal/img/OurPath2.png);
  background-size: 100% auto;
  background-position: 50% 100%;
  text-align: right;
  padding: 0 1em;
}
.OurPath__Stage--second img {
  height: 4em;
  margin-left: 1em;
  position: relative;
  top: -1em;
}
.OurPath__Stage--after {
  height: 5em;
  background-image: url(https://lila.cfsys.ru/view/portal/img/OurPath2__after.png);
  background-size: 100% auto;
  background-position: 100% 0;
}
.OurPath__Stage--divider {
  padding: 0;
}
.OurPath__Stage--divider img {
  width: 100%;
}
.Flag {
  width: 22%;
  float: left;
  margin-bottom: 1em;
}
.OurPath__WhatWeTake {
  padding-left: 1em;
}
.OurPath__WhatWeTake h3 {
  margin: 0 0 .3em;
  padding: 0;
  line-height: 1;
}
.OurPath__WhatWeTake p {
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.OurPath__WhatWeTake ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.OurPath__WhatWeTake ul li {
  font-size: .8em;
}
.OurPath__WhatWeTake ul li:before {
  content: '- ';
}
.FrancBenefit {
  width: 50%;
  float: left;
  margin-bottom: 22.5px;
}
.FrancBenefit img {
  width: 20%;
  margin-right: 1em;
  float: left;
}
.FrancBenefit p,
.FrancBenefit>.input_container3>input {
  display: block;
  width: 80%;
}
.FrancBenefit p {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2;
}
.FrancBenefits h3 {
  font-size: 1.333em;
  line-height: 1;
}
.FrancBenefits h3 span {
  font-size: .5em;
  font-weight: 300;
  text-transform: none;
}
.FrancBenefits form {
  height: 3em;
}
.btn_container {
  display: inline-block;
  padding: 0 2em;
  top: .8em;
}
.btn_container .btn {
  display: inline-block;
  font-size: 1em;
}
.FrancPrice__Cost {
  color: #1878ed;
  display: block;
  margin: 1em auto 0;
  text-transform: uppercase;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}
.FrancPrice h3 {
  padding-left: 10px;
  padding-right: 10px;
}
.FrancPrice .PricePlate__Description {
  padding-top: 0;
  margin-top: 0;
}
.FrancPrice .PricePlate__Caption {
  padding: 0 0 3em;
  margin: 0;
  line-height: 1;
  display: block;
  font-size: .8em;
}
.FrancPrice .PricePlate__Caption .fa {
  font-size: .7em;
}
.FrancPrice .btn {
  margin-top: 2em;
}
.FrancPrice .PricePlate {
  overflow: visible;
}
.FrancPrice .PricePlate:after {
  background-size: auto 100%;
  top: 100%;
  background-repeat: no-repeat;
}
.FrancPrice .PricePlate:hover:after {
  top: 102%;
}
.FrancPrice__List {
  margin: 0;
  padding: 0 2em;
  text-align: left;
  list-style: none;
}
.FrancPrice__List li {
  font-size: 1em;
}
.FrancPrice__List li:before {
  content: '-';
}
.FrancPrice__PlateContainer {
  width: 50%;
  padding: 0 1em;
  float: left;
}
.ElementCaption {
  color: grey;
  font-size: .7em;
  display: block;
  line-height: 1.2;
}
.ElementCaption a {
  color: #eb3b2f;
  text-decoration: underline;
}
.SmallLogo {
  display: block;
  width: 35%;
  margin: 0 auto;
}
.WhyFrancBest {
  padding-bottom: 22.5px;
}
.WhyFrancBest h2 {
  line-height: 1.2;
  margin-top: -2em;
  padding: 0 .5em;
  display: inline-block;
  margin-bottom: 0;
}
.WhyFrancBest h2 span {
  color: #1a1a1a;
}
.WhyFrancBest ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.WhyFrancBest ul li {
  font-size: 1.2em;
  font-weight: 700;
  padding-top: 1em;
  line-height: 1.2;
  color: #FFF;
}
.WhyFrancBest .ElementCaption {
  color: #1a1a1a;
  font-weight: 400;
}
.StageMap {
  display: block;
}
.StageMap img {
  max-width: 100%;
  z-index: 1;
}
.StageMap h2,
.StageMap__Stage {
  position: absolute;
  display: block;
  z-index: 2;
}
.StageMap h2 {
  left: 0;
  right: 0;
  top: 0;
}
.StageMap__Stage {
  font-weight: 700;
  line-height: 1.1;
  color: #eb3b2f;
}
.StageMap__Stage .ElementCaption {
  font-weight: 400;
  color: #1a1a1a;
  font-size: .6em;
}
#Stage1:before,
#Stage2:before,
#Stage3:before,
#Stage4:before,
#Stage5:before,
#Stage6:before {
  font-size: 2em;
  color: #1a1a1a;
  position: absolute;
  right: 100%;
  top: 0;
  font-family: "Segoe UI", sans-serif;
  font-weight: 700;
}
#Stage1 {
  bottom: 17%;
  left: 5%;
}
#Stage1:before {
  content: '1.';
}
#Stage2 {
  bottom: 0;
  left: 44%;
}
#Stage2:before {
  content: '2.';
}
#Stage3 {
  bottom: 27%;
  left: 34%;
}
#Stage3:before {
  content: '3.';
}
#Stage4 {
  bottom: 32%;
  left: 72%;
}
#Stage4:before {
  content: '4.';
}
#Stage5 {
  bottom: 56%;
  left: 52%;
}
#Stage5:before {
  content: '5.';
}
#Stage6 {
  bottom: 80%;
  left: 64%;
}
#Stage6:before {
  content: '6.';
}
.StageMap__Mobile {
  display: none;
  padding-top: 3em;
  margin: 0 2em;
  border-left: 10px solid #1878ed;
}
.StageMap__Mobile ul {
  list-style: none;
  padding: 0 0 0 2em;
  margin: 0;
  display: block;
  position: relative;
}
.StageMap__Mobile ul li {
  padding-bottom: 2em;
  line-height: 1.2;
  overflow: visible;
}
.StageMap__Mobile ul li:before {
  content: '';
  height: 1.5em;
  width: 1.5em;
  border-radius: 50%;
  background-color: #eb3b2f;
  border: 3px solid #1878ed;
  position: absolute;
  left: -1em;
}
.StateNumber {
  font-size: 1.333em;
  font-family: "Segoe UI", sans-serif;
  font-weight: 700;
  margin-right: .3em;
}
.FrancFooter {
  position: relative;
  display: block;
  width: 100%;
  padding: 1em 0;
  background-color: #1a1a1a;
  color: #FFF;
  text-align: center;
}
.FrancFooter img {
  max-height: 3em;
}
.Copyright {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #a6a6a6;
}
.FrancFooter__Contacts {
  position: absolute;
  right: 15px;
  top: 2em;
  display: block;
}
.FrancFooter__Contacts p {
  color: #FFF;
  text-align: right;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  .header__navigation {
    text-align: left;
    left: 6em;
  }
}
@media only screen and (max-width: 992px) {
  .header__navigation {
    display: none;
  }
  .MobileMenuButton {
    opacity: 1;
    left: 15px;
  }
  .header__logo {
    left: 3em;
  }
  .Stock {
    background-image: none;
  }
  .Stock img {
    margin: 2em auto;
    width: 80%;
  }
  .Stock form {
    width: 100%;
  }
  .Photos h2 {
    text-shadow: 0 0 45px rgba(0,0,0,0.6);
  }
  .OurPath__Stage--second img {
    top: .5em;
  }
  .FrancBenefit {
    width: 100%;
    text-align: center;
  }
  .FrancBenefit img {
    width: 20%;
    margin: 0 auto 1em;
    float: none;
  }
  .FrancBenefit p {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }
  .FrancBenefits form {
    height: auto;
  }
  .FrancBenefits .input_container3 {
    display: block;
    width: 100%;
    float: none;
    position: relative;
  }
  .bugfix1,
  .white-popup {
    width: 80%;
  }
  .bugfix1 {
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .SecondDescription__text,
  h1,
  h2 {
    font-size: 1.8em;
  }
  .SecondDescription {
    top: -1.5em;
  }
  h2 {
    line-height: 1.2;
    margin-bottom: 45px;
  }
  .CompanyLogo {
    width: 60%;
  }
  .BigCaption__ImageBlock {
    position: relative;
    display: block;
    height: 20em;
    margin-top: 90px;
    left: 10%;
  }
  .btn {
    display: block;
    font-size: 1em;
  }
  .Photos {
    padding: 22.5px 0;
  }
  .Photos h2 {
    position: relative;
  }
  .Photos__Side img {
    margin: 1em 0;
    width: 100%;
  }
  .Photos__Center img {
    margin: 1em 0;
    max-width: 100%;
  }
  .PricePlate .btn {
    max-width: 80%;
    margin: 0 auto;
  }
  .PricePlate:after {
    top: 100%;
  }
  .PricePlate:hover:after {
    top: 110%;
  }
  .input_container3 {
    width: 100%;
  }
  .Stock form .btn {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    margin: 0 auto;
  }
  .Feedback {
    background-image: none;
  }
  .owl-prev {
    right: 98.5%;
  }
  .owl-next {
    left: 98.5%;
  }
  .Feedback__CarouselItem {
    padding: 15px 0;
  }
  .Feedback__CarouselItem p {
    width: 100%;
    font-size: .777em;
  }
  .FeedbackAuthor,
  .WhyFrancBest li {
    font-size: 1em;
  }
  .Feedback__Avatar {
    float: none;
    width: 50%;
    margin-bottom: 15px;
  }
  .FrancPrice__PlateContainer {
    width: 100%;
    padding: 0;
  }
  .white-popup {
    width: 90%;
  }
}
@media only screen and (max-width: 660px) {
  .SecondDescription__text:after,
  .SecondDescription__text:before,
  .StageMap__Map,
  .StageMap__Stage,
  .header__email,
  .header__separator {
    display: none;
  }
  .CompanyLogo,
  .FirstScreen .container,
  .PopupForm .PopupForm__column,
  .PopupForm .PopupForm__column--3,
  .Stock img {
    width: 100%;
  }
  .CompanyLogo {
    margin-bottom: 45px;
    margin-top: 90px;
  }
  .FirstScreen h1 {
    font-size: 2em;
    border: none;
  }
  .Stock__Title {
    font-size: 1.6em;
  }
  .Stock form input {
    margin-bottom: .5em;
  }
  .ContactsPlate p {
    font-size: .777em;
    padding: 0 1em;
  }
  .StageMap h2 {
    font-size: 1.333em;
    max-width: 70%;
    margin: 0 auto;
  }
  .StageMap__Mobile {
    display: inline-block;
  }
  .Stock__BigTitle {
    font-size: 2em;
  }
  .FrancFooter {
    text-align: left;
    padding: 1em 15px;
  }
  .FrancFooter .Copyright {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .LandingBlock {
    padding: 45px 0;
  }
  .Benefit {
    margin-bottom: 45px;
  }
  .Benefit .Benefit__icon {
    width: auto;
    display: block;
    float: left;
    max-height: 2.666em;
    margin-bottom: 0;
    position: relative;
    top: -1.2em;
  }
  .Benefit h3 {
    display: block;
    width: 60%;
    float: left;
  }
  .Benefit p {
    display: inline-block;
    width: 100%;
    position: relative;
    top: -1.5em;
  }
  .BigCaption__ImageBlock {
    height: 15em;
  }
  .BigCaption {
    font-size: .777em;
    text-indent: 1em;
  }
  .ContactsPlate {
    padding: .5em 3em 3em;
  }
  .ContactsPlate img {
    max-width: 60%;
    margin-bottom: .5em;
  }
  .FooterContacts {
    background-size: auto 100%;
  }
}
.c {
  text-align: center;
}
.highlight {
  border: 1px solid red;
}