body {
  margin: 0;
  padding: 0;
}
header{
        height: auto !important;
    min-height: auto !important;
    background: white !important;
}
ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

body > div {
  margin: 35px auto;
}

.about-page-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  width: 90%;
  margin: 25px auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-page-img {
    text-align:center;
  width: 40%;
}

.about-page-text {
  width: 60%;
}
.about-page-text> h1 {
  font-family:Futura Demi;
  color:#bcb3d1;
  text-transform:uppercase;
}

p{
    font-family:Futura Light !important;
}
.about-page-text p {
  text-align: left;
  font-family:Futura Light;
  font-size:20px;
  line-height:25px;
  margin:15px 0;
}

.individual {
    padding:15px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          background:url(../images/bgUslugi.png) no-repeat;
          background-size:cover;
}

h2,
.btn {
  text-transform: uppercase;
  font-family:Futura Demi !important;
  font-size:40px !important;

}
h1,
h2,
h3,
.btn {
  text-transform: uppercase;
  font-family:Futura Demi !important;
  font-size:30px !important;

}

.individual-info {
    padding:15px 0;
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          background:rgba(161, 140, 199, .7);
          color:white;
          border-radius:25px;
          margin:25px auto;
}
.individual h2{
    color:white !important;
    width:35%;
    margin:0 auto;
    text-align:center;
}
.individual-info h3 {
  width: 45%;
  text-align: center;
  margin:15px auto;
}

.individual-info p {
    margin:15px auto;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  font-size:25px;
  line-height:25px;
}
.individual-info ul li{
    margin:15px auto;
      font-size:25px;
  line-height:25px;
  position:relative;
}
.individual-info>ul>li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  display: inline-block;
}
.video-block iframe{
    width:100%;
    height:90vh;
}
.howIWork {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.howIWork h2 {
  width: 50%;
  text-align: center;
}
.howIWork h2:nth-child(1) {
  color:#a18cc7;
}

.howIWork_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          flex-wrap:wrap;
}

.howIWork-body_col1,
.howIWork-body_col2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 45%;
  position: relative;
  -ms-flex-pack: distribute;
      justify-content: space-around;
      
}

.howIWork-item {
  width: 50%;
  margin: 10px auto;
  position: relative;
  font-size:20px;
}

.howIWork-item::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #a18cc7;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  display: inline-block;
}

.btn {
  width: 45%;
  margin: 0 auto;
  border: 1px solid #a18cc7;
  border-radius: 10px;
  color: #a18cc7;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  cursor:pointer;
  margin:25px auto;
}
.btn-consult-example{
    width:40%;
    box-shadow:0 0 10px 1px #a18cc7;
}

.questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.question-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  background: #a18cc7;
  padding:5px 0;
}
.question-small h2{
    color:white;
}
.arrow-line {
  position: absolute;
  width: 2px;
  height: 30px;
  right: 161px;
  background: white;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}

.arrow-line.line1 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.arrow-line.line2 {
  -webkit-transform: rotate(45deg) ;
          transform: rotate(45deg);
  right: 182px;
}

.line1-active {
  -webkit-transform: rotate(225deg) !important;
          transform: rotate(225deg) !important;
}

.line2-active {
  -webkit-transform: rotate(-225deg) !important;
          transform: rotate(-225deg) !important;
}

.question-big {
    box-shadow:inset 0px 10px 20px -5px #a18cc7; ;
    background:#ecf9e9;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
          display:none;
}

.question-big > div {
  width: 70%;
  margin: 25px auto;
  text-align: center;
}

.question-big > div p {
  width: 70%;
  margin: 0 auto;
  font-size:20px;
  font-weight:bold;
}
.question-big > div h3 {
    color: #a18cc7;
}
.btn-consult {
    background:#44cc79;
    border-color:#44cc79;
  color: white;
  margin: 50px auto;
  border-radius:30px;
  padding:30px 0;
}
.btn-consult a {
  color: white;
  text-decoration:none;
}
.family-consult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          background:url(../images/bgUslugi2.png) no-repeat;
          backgroound-size:cover
}
.consult-examle-body img{
    position:fixed;
    right:15px;
    top:15px;
    cursor:pointer;
}
.family-consult h2 {
  width: 50%;
  margin: 15px auto;
  text-align: center;
  color:white;
}

.family-consult-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 70%;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          background:rgba(161, 140, 199, .7);
          color:white;
          border-radius:25px;
          margin:25px auto;
}

.family-consult-body > h3 {
  width: 40%;
  text-align: center;
  margin:15px auto;
  
}
.family-consult-body > p {
  text-align: center;
  font-size:25px;
  white-space: nowrap;
}

.family-consult-list {
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.family-consult-list_col1 {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.family-consult-p_mobile{
    display:none;
}
.family-consult-list_col2 {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
}

.family-consult-item {
  margin: 10px 0;
  position: relative;
  font-size:25px;
}

.family-consult-item::before {
  content: "";
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  display: inline-block;
}
.video-block img{
    width:100%;
}
.intr_body{
    display: flex;
    justify-content: space-between;
    width: 60%;
    margin: 25px auto;
}
.intr_body>a{
    width:40%;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-self:flex-end;
    height:100%;
    position:relative;
    text-decoration:none;
}
.intr_body>a>img{
    width:75%;
}
.intr_body>a>p{
    align-self:center;
    font-weight:bold;
    font-size:30px;
    color:#a79bc8;
}
.consult-examle-block{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    align-items:center;
    justify-content:center;
    top:0;
    left:0;
}
.consult-examle-body{
    width:50%;
    text-align:center;
    background:rgba(255,255,255,.7);
    border-radius:10px;
    padding:15px;
    opacity:0;
    transition:.5s all;
}
.consult-examle-body>p{
    font-size:25px;
    line-height:25px;
    text-align:center;
    width:90%;
    margin:0 auto;
}
.interesting-block{
    margin:25px auto;
}
@media screen and (max-width:800px){
    h2,h3,.btn{
                font-size:23px !important;
    }
    .about-page-block{
        flex-direction:column;
    }
    .about-page-img,.about-page-text{
        width:100%;
        text-align:center;
    }
    .about-page-text h1{
           font-size:21px !important;
    }
    .about-page-text p{
           text-align:center;
           line-height:19px;
    }
    .individual h2 {
        width:90%;
        font-size:23px !important;
    }
    .individual{
        background:url(../images/idividualMob.png) no-repeat;
        background-size:cover;
    }
    .individual-info {
        width:90%;
    }
    .individual-info h3 {
        width: 85%;
        font-size:20px !important;
    }
    .individual-info p {
        width: 100%;
       
    }
    .individual-info ul{
        width:80%;
        margin:0 auto;
    }
    .howIWork h2 {
        width:100%;
    }
    .howIWork h2:nth-child(2) {
        font-size:20px !important;
    }
    .howIWork_body{
        flex-direction:column;
    }
    .howIWork-body_col1, .howIWork-body_col2, .howIWork-body_col3{
            width: 90%;
            margin:0 auto;
    }
    .howIWork-item::before{
        background:black
    }
    .btn-consult-example{
        width:90%;
    }
    .arrow-line.line2 {
        right: 39px;
    }
    .arrow-line.line1 {
        right: 25px;
    }
    .arrow-line{
        height:20px;
    }
    .line1-active {
        -webkit-transform: rotate(229deg) !important;
        transform: rotate(229deg) !important;
    }
    .question-big > div h3{
        width:100%;
    }
    .question-big > div p{
        width:90%
    }
    .question-big > div{
        width:95%;
    }
    .btn-consult{
        width:90%;
        font-size:20px !important;
    }
    .family-consult h2{
        width:95%;
    }
    .family-consult-body{
        width:90%;
    }
    .family-consult-body > h3 {
        width:90%;
}
.family-consult-body > p {
    font-size:20px;
}
.family-consult-list{
    flex-direction:column;
}
.family-consult-list>div{
    width:80%;
    margin:0 auto;
}
.video-block{
    margin:0 auto;
    width:85%;
}
.intr_body{
    width:90%;
}
.intr_body>a>p{
    font-size:20px;
}
.intr_body>a {
    width:45%;
    
}
.consult-examle-body{
    width:90%;
}
.family-consult-p_mobile{
    display:block;
}
.family-consult-p_dekstop{
    display:none;
}
.consult-examle-block{
    top:-50px;
}
}
/*# sourceMappingURL=index.css.map */