/*
|----------------------------------------------------------------
| header
|----------------------------------------------------------------
*/
.bnr .wrapper  {
  background-image: url(../images/team/team-bnr.jpg);
  height: 100vh;
}


.top-menu > a {
  z-index: 1;
}

.top-menu {
  padding: 50px 70px 0px;
  align-items: center;
}
.top-menu-container {
  padding-top: 0px;
}
.bnrTopMenu .register-btn {
  border: 1.5px solid #373E29;
  color: #373E29;
}
.burger-menu .line {
  background-color: #373E29;
}
p {
  font-size: 20px;
  line-height: 30px;
}
blockquote{
  font-family: MinSansTrial-RegularItalic;
  font-weight: normal;
  font-size: 42px;
  line-height: 58px;
  letter-spacing: -1px;
  color: #AB7F53;
  margin-bottom: 0px;
}

/*
|----------------------------------------------------------------
| team-intro
|----------------------------------------------------------------
*/
.team-intro {
  padding: 155px 9vw 200px;
  text-align: center;
}
.team-intro .cielle-logo {
  width: 280px;
  height: auto;
  margin: 48px auto 0px;
}
.team-intro blockquote{
  width: 72%;
  margin: 60px auto 189px;
}

.team-intro .row {
  text-align: left;
  align-items: flex-start;
}
.team-intro p {
  width: 88%;
  margin-bottom: 35px;
}
.team-intro p:nth-child(1) {
  width: 87%;
}
.team-intro .row a {
  display: inline-block;
  font-family: SweetSansPro-Bold;
  margin-top: 25px;
  color: #4D4D4F;
}
/*
|----------------------------------------------------------------
| team
|----------------------------------------------------------------
*/
.team {
  padding: 194px 9vw 0px;
  background-color: #EBECE8;
}
.team .wrapper {
  margin-bottom: 185px;
}
.team .wrapper:last-of-type {
  margin-bottom: 0px;
}
.team .row {
  align-items: flex-start;
}
.team .wrapper img {
  width: 380px;
  height: auto;
  margin: 48px 0px 60px;
}
.team .wrapper:nth-child(2) img {
  width: 130px;
}
.team .wrapper:nth-child(3) img {
  width: 246px;
}

.team blockquote {
  font-size: 36px;
  line-height: 50px;
  width: 84.7%;
}
.team p {
  margin-bottom: 35px;
  width: 95%;
}
.team .row a {
  display: inline-block;
  margin-top: 25px;
}
.team .row a p {
  margin-bottom: 0px;
}
/*
|----------------------------------------------------------------
| nav-bottom
|----------------------------------------------------------------
*/

.nav-bottom {
  background-color: #EBECE8;}

.nav-bottom .left{
  height: 600px;
}


/*
|----------------------------------------------------------------
| Query media
|----------------------------------------------------------------
*/

@media (max-width: 1890px) {
  
  .team-intro p:nth-child(1),
  .team-intro p {
    width: 100%;
  }
}

@media (max-width: 1700px) { 
  .team-intro {
    padding: clamp(80px,8vw,155px) 5vw clamp(120px,9.3vw,200px);
  }
  blockquote {
    font-size: clamp(30px,1.6vw,42px);
    line-height: clamp(36px,2vw,58px);
  }
  .team blockquote {
    font-size: clamp(24px,1.3vw,36px);
    line-height: clamp(30px,1.8vw,50px);

  }
  .team-intro blockquote {
    margin: clamp(40px,3.5vw, 60px) auto  clamp(115px,9vw,189px);

  }
  .team-intro .cielle-logo {
    width: clamp(167.29px,11vw,280px);
    margin-top: clamp(30px,3vw,48px);
  }
  .team-intro .row a,
  p {
    font-size: clamp(12px,1.2vw,20px);
    line-height: clamp(20px,2.2vw,30px);
  }
  .team p,
  .team-intro p {
    margin-bottom: clamp(20px,1.5vw,35px);
  }
  .team .row a,
  .team-intro .row a {
    margin-top: clamp(15px,1vw,25px);
  }


  /* team */
  .team {
    padding: clamp(117px,9.1vw,194px) 5vw 0px;
  }
  .team .wrapper img {
    width:clamp(235px,20vw,380px);
    margin: clamp(30px,3vw,48px) 0px clamp(40px,3.5vw, 60px);
  }
  .team .wrapper:nth-child(2) img {
    width:clamp(88px,7vw,130px);

  }
  .team .wrapper:nth-child(3) img{
    width:clamp(135px,11.5vw,246px);

  }
  .team .wrapper {
    margin-bottom: clamp(115px,9vw,185px);
  }

  /* nav-bottom */
  .nav-bottom .left {
    height: clamp(450px,40vw,600px);
  }
  
}

@media (max-width: 1500px) { 

  .team blockquote {
    width: 90%;
  }

}

@media (max-width: 1100px) { 
  .team blockquote {
    width: 100%;
  }
}

@media (max-width: 767px) {
  p {
    font-size: 15px;
    line-height: 23px;
  }

    .top-menu {
      padding: 30px 5% 0px;
    }

    .team-intro {
      padding: 98px 12vw 100px;
    }

    .team h5,
    .team-intro .container > h5 {
      font-size: 14px;
      line-height: 23px;
      color: #48503A;
    }
    .team-intro .cielle-logo {
      width: 167.29px;
      margin-top: 39px;
    }
    
    blockquote {
      font-size: 30px;
      line-height:36px;
    }
    .team-intro blockquote {
      margin: 50px 0px 57px;
      width: 100%;
    }

    .team p, .team-intro p {
      margin-bottom: 30px;
    }
    .team-intro .container .row h5 {
      margin-bottom: 59px;
    }

    .team .row a, .team-intro .row a{
      margin-top: 0px;
      display: inline-flex;
    }

    .team .row a img, .team-intro .row a img {
      width: 18.79px!important;
      height: 18.79px;
      margin-right: 15px;
    }


    /* team */
    .team {
      padding: 0px;
    }
    .team .wrapper {
      margin: 0 12vw;
      padding: 75px 0px 80px;
      border-bottom: 1px solid #9A9E8A;
    }
    .team .wrapper:last-of-type {
      border-bottom: none;
      padding-bottom: 140px;
    }
    
  .team .wrapper img {
    width: 301px;
    height: auto;
    margin: 38px 0px 40px;
  }
  .team .wrapper:nth-child(2) img {
    width: 98px;
  }
  .team .wrapper:nth-child(3) img {
    width: 148.6px;
  }
  .team blockquote {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 28px;
  }
  .team .row a .mobile-version, .team-intro .row a .mobile-version {
    margin: 0px 15px 0px 0px;
  }
  .team-intro .row a,
  .team a p {
    font-family: SweetSansPro-Bold;
    font-size: 15px;
    line-height: 23px;
  }

  .register-btn-moible a{
    margin: -80px auto 60px;
  }

}