.text-center {
  text-align: center;
}

.m-auto {
  margin: 0 auto;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 33px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

@media(max-width: 991px) {
  .mt-60 {
    margin-top: 35px;
  }
  .mt-40 {
    margin-top: 30px;
  }
}

.btn {
  display: flex;
}

/*backgrounds*/
.color-beige {
  color: #ffe9db;
}

.color-brown {
  color: #553f29;
}

.bg-beige {
  background-color: #f6f3ec;
}

.bg-dbeige {
  background-color: #bcaa99;
}

.bg-black {
  background-color: #000;
}

.bg-dark-green {
  background-color: #0d120c;
}

.bg-dark {
  background-image: url(../img/dark_texture.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-color: #000;
}

/*paddings*/
.pad {
  padding: 145px 0;
}

.subscribe {
  padding: 145px 0 185px 0;
}

.pt {
  padding-top: 145px;
}

.pb-2 {
  padding-bottom: 120px;
}

.pb-bulb {
  padding-bottom: 580px;
}

@media(max-width: 1700px) {
  .pad {
    padding: 130px 0;
  }
  .pt {
    padding-top: 130px;
  }
  .pb-2 {
    padding-bottom: 110px;
  }
  .pb-bulb {
    padding-bottom: 400px;
  }
  .subscribe {
    padding: 130px 0 150px 0;
  }
}

@media(max-width: 1470px) {
  .pad {
    padding: 110px 0;
  }
  .pt {
    padding-top: 110px;
  }
  .pb-2 {
    padding-bottom: 90px;
  }
  .subscribe {
    padding: 110px 0 140px 0;
  }
}

@media(max-width: 1260px) {
  .pad {
    padding: 90px 0;
  }
  .pt {
    padding-top: 90px;
  }
  .pb-2 {
    padding-bottom: 80px;
  }
  .subscribe {
    padding: 110px 0 120px 0;
  }
}

@media(max-width: 991px) {
  .pb-2 {
    padding-bottom: 70px;
  }
  .pb-bulb {
    padding-bottom: 100px;
  }
  .subscribe {
    padding: 80px 0 110px 0;
  }
}

@media(max-width: 767px) {
  .pad {
    padding-bottom: 60px;
  }
  .pt {
    padding-top: 60px;
  }
  .pb-2 {
    padding-bottom: 40px;
  }
  .subscribe {
    padding: 70px 0 100px 0;
  }
}

.pb-island {
  padding-bottom: 10vw;
}

@media(max-width: 767px) {
  .pb-island {
    padding-bottom: 80px;
  }
}

.pt-0 {
  padding-top: 0;
}

/*z-index positions*/
.pos-top, .pos-top-sm {
  position: relative;
}

.pos-top-sm {
  z-index: 300;
}

.pos-top {
  z-index: 1000;
}

.below {
  margin-top: -100px;
}

/*top section - BEGIN*/
.top-section {
  display: flex;
  align-items: center;
  background-color: #1c1b1f;
  padding: 300px 0 400px 0;
}

@media(max-width: 1700px) {
  .top-section {
    padding: 230px 0 350px 0;
  }
}

@media(max-width: 1260px) {
  .top-section {
    padding: 170px 0 245px 0;
  }
}

@media(max-width: 991px) {
  .top-section {
    padding: 120px 0 290px 0;
  }
}

@media(max-width: 767px) {
  .top-section {
    padding: 100px 0 290px 0;
  }
}

.images img {
  position: absolute;
  z-index: 1;
  min-width: 1300px;
  width: 100%;
  min-height: 100%;
  bottom: -9vw;
  right: 0;
}

.images .top-section__img {
  z-index: 400;
}

@media(max-width: 1470px) {
  .images img {
    /*bottom: -105px;*/
    bottom: -60px;
  }
}

@media(max-width: 1470px) {
  .top-section__text {
    max-width: 65%;
  }
}

@media(max-width: 1260px) {
  .images img {
    max-width: none;
    right: -10%;
    /*bottom: -100px;*/
    /*bottom: 0;*/
  }
}

@media(max-width: 991px) {
  .top-section__text {
    max-width: 100%;
  }
  .images img {
    bottom: 0;
  }
}

@media(max-width: 767px) {
  .images img {
    min-width: 1000px;
    max-width: 1000px;
    bottom: 20px;
    /*bottom: -60px;*/
  }
}

@media(max-width: 500px) {
  .images img {
    right: auto;
    left: 28%;
    transform: translateX(-62%);
  }
}

.shadow {
  display: none;
  width: 100%;
  height: 73%;
  position: absolute;
  z-index: 700;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent);
}

@media(max-width: 991px) {
  .shadow {
    display: block;
  }
}
/*top section - END*/

/*content with image*/

.title {
  position: relative;
  background-color: #ffffff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 25px 25px 27px 0;
}

@media(max-width: 1470px) {
  .title {
    padding: 21px 21px 23px 0;
  }
}

.title:before {
  content: '';
  position: absolute;
  width: 60%;
  height: 100%;
  top: 0;
  right: 100%;
  background-color: #fff;
}

@media(max-width: 991px) {
  .title:before {
    display: none;
  }
  .title {
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.content--reverse {
  justify-content: flex-start;
}

.content__col {
  position: relative;
  width: 100%;
  max-width: 750px;
}

.w-2 {
  max-width: none;
  width: 50%;
}

li span {
  display: block;
}

.pad-1 {
  padding: 200px 0 155px 0;
}

.pad-2 {
  padding: 80px 0 160px 0;
}

@media(max-width: 1700px) {
  .content__col {
    max-width: 650px;
  }
  .pad-1 {
    padding: 180px 0 145px 0;
  }
  .pad-2 {
    padding: 70px 0 130px 0;
  }
}

@media(max-width: 1470px) {
  .content__col {
    max-width: 550px;
  }
  .pad-1 {
    padding: 130px 0 110px 0;
  }
  .w-2 {
    width: 60%;
    max-width: none;
  }
}

@media(max-width: 1260px) {
  .content__col {
    max-width: 490px;
  }
  .pad-2 {
    padding: 60px 0 100px 0;
  }
}

@media(max-width: 991px) {
  .content__col {
    max-width: 100%;
    padding: 65px 0 0 0;
  }
  .w-2 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-who {
  max-width: 900px;
}

.col-who .maxw p, .col-who .maxw h6 {
  max-width: 550px;
}

.col-who .maxw li span {
  max-width: 440px;
}

@media(max-width: 1700px) {
  .col-who .maxw li span {
    max-width: 420px;
  }
}

@media(max-width: 1260px) {
  .col-who .maxw p, .col-who .maxw h6 {
    max-width: 500px;
  }
  .col-who .maxw li span {
    max-width: 400px;
  }
}

@media(max-width: 991px) {
  .col-who .maxw p, .col-who .maxw h6 {
    max-width: 100%;
  }
  .col-who .maxw li span {
    max-width: 100%;
  }
}

/*photo - BEGIN*/
.photo-bg, .photo-man {
  max-width: none;
  height: 1470px;
}

.photo-block, .photo-man {
  position: absolute;
  right: 85%;
  bottom: 0;
}

@media(max-width: 1700px) {
  .photo-bg, .photo-man {
    height: 1385px;
  }
  .photo-block, .photo-man {
    right: 81%;
  }
}

@media(max-width: 1470px) {
  .photo-bg, .photo-man {
    height: 1330px;
  }
  .photo-block, .photo-man {
    right: 76%;
  }
}

@media(max-width: 1260px) {
  .photo-bg, .photo-man {
    height: 1210px;
  }
  .photo-block, .photo-man {
    right: 70%;
  }
}

.photo-block {
  height: 100%;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.photo-man {
  z-index: 400;
}

@media(max-width: 991px) {
  .photo-block, .photo-man {
    position: relative;
    right: auto;
  }
  .photo-man {
    position: absolute;
    bottom: 0;
  }
  .photo-bg {
    position: relative;
  }
  .photo-bg, .photo-man {
    height: 720px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .photo-block {
    display: block;
    height: auto;
    overflow: visible;
    margin-top: 30px;
  }
}

@media(max-width: 767px) {
  .photo-bg, .photo-man {
    height: 580px;
  }
}
/*photo - END*/

.content__img-left {
  position: absolute;
  max-width: none;
  min-height: 103%;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
}

@media(max-width: 1700px) {
  .about .content__img-left {
    max-height: 160%;
  }
}

.content__img {
  position: absolute;
  max-width: none;
  max-height: 100%;
  left: 100%;
  top: 0;
}

.bulb {
  position: absolute;
  z-index: 3;
  max-width: none;
  left: 83%;
  bottom: -650px;
}

@media(max-width: 1260px) {
  .bulb {
    max-width: 600px;
    bottom: -375px;
    left: 75%;
  }
}

.img-mobile {
  display: none;
}

@media(max-width: 991px) {
  .bulb {
    max-width: 400px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -255px;
  }
  .img-desktop {
    display: none;
  }
  .img-mobile {
    display: block;
    position: relative;
    max-height: 600px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -30px;
  }
}

.col-who {
  padding: 100px 0;
}

.col-who .content__img {
  max-height: 85%;
  top: -5%;
  left: 540px;
}

@media(max-width: 1260px) {
  .col-who .content__img {
    max-height: 70%;
    top: 2%;
  }
}

@media(max-width: 991px) {
  .content__img, .col-who .content__img {
    max-height: 500px;
    min-height: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: auto;
  }
}

/*quote - Begin*/
.quote {
  padding-top: 160px;
}

@media(max-width: 1700px) {
  .quote {
    padding-top: 100px;
  }
  .col-who {
    padding: 70px 0;
  }
}

@media(max-width: 1470px) {
  .quote {
    padding-top: 70px;
  }
}

@media(max-width: 991px) {
  .quote {
    padding-top: 50px;
  }
  .col-who {
    padding: 40px 0 0 0;
  }
}

.quote__right, .quote__text {
  width: 10%;
  flex: 1 1;
}

@media(max-width: 991px) {
  .quote__right, .quote__text {
    width: 100%;
    flex: none;
  }
}

.quote__right {
  padding-left: 3%;
}

.quote__text {
  padding: 80px 3%;
}

@media(max-width: 1470px) {
  .quote__right {
    padding-left: 2%;
  }
  .quote__text {
    padding: 50px 2%;
  }
}

@media(max-width: 991px) {
  .quote__right {
    padding-left: 0;
  }
  .quote__text {
    padding: 15px 0;
  }
}

.quote__photo {
  width: 20%;
}

.quote__img {
  width: 18%;
  display: flex;
  align-items: flex-start;
}

@media(max-width: 1600px) {
  .quote__img {
    width: 15%;
  }
}

@media(max-width: 1470px) {
  .quote__photo {
    width: 18%;
  }
  .quote__img {
    width: 12%;
  }
}

@media(max-width: 991px) {
  .quote__photo {
    width: 200px;
    margin: 0 auto;
  }
  .quote__img img {
    width: 45px;
  }
}

.quote__img--bot {
  align-items: flex-end;
}

@media(max-width: 991px) {
  .quote__img--bot {
    width: 100%;
    justify-content: flex-end;
  }
}

.silhouette {
  max-width: none;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  bottom: -340px;
}

@media(max-width: 1470px) {
  .silhouette {
    max-height: 900px;
    bottom: -260px;
  }
}

@media(max-width: 1260px) {
  .silhouette {
    max-height: 800px;
    bottom: -220px;
  }
}

/*button*/
.btn {
  display: flex;
}

@media(max-width: 991px) {
  .btn {
    justify-content: center;
  }
}

.btn--end {
  justify-content: flex-end;
}

.btn__link {
  font-family: 'Century-Schoolbook';
  font-size: 34px;
  line-height: 1.1;
  color: #ffffff;
  background-color: #b31f1b;
  border-radius: 20px;
  text-align: center;
  padding: 30px 55px 35px 55px;
}

@media(max-width: 1700px) {
  .btn__link {
    font-size: 29px;
    border-radius: 15px;
    padding: 24px 45px 29px 45px;
  }
}

@media(max-width: 1470px) {
  .btn__link {
    font-size: 27px;
  }
}

@media(max-width: 991px) {
  .btn__link {
    font-size: 25px;
  }
}

@media(max-width: 767px) {
  .btn__link {
    font-size: 24px;
    padding: 22px 35px 26px 35px;
  }
}

@media(max-width: 450px) {
  .btn__link {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.btn--end .btn__link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn__link:hover {
  color: #fff;
  background-color: #c12420;
}

.btn__link--brown {
  background-color: #756454;
}

/*note block - begin*/
.note {
  position: relative;
  background-color: #ece5d4;
  border-radius: 20px;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.08);
  padding: 35px 60px 38px 60px;
  margin-top: 50px;
}

.note__img {
  height: 80px;
}

@media(max-width: 1700px) {
  .note {
    padding-left: 35px;
    padding-right: 35px;
  }
  .note__img {
    height: 60px;
  }
}

@media(max-width: 1700px) {
  .note {
    margin-top: 40px;
  }
}

@media(max-width: 1470px) {
  .note {
    padding-left: 30px;
    padding-right: 30px;
  }
  .note__img {
    height: 55px;
  }
}

@media(max-width: 1260px) {
  .note__img {
    position: absolute;
    right: 30px;
    bottom: 30px;
    height: 35px;
  }
}

@media(max-width: 767px) {
  .note {
    padding: 30px 15px 33px 15px;
  }
  .note p:last-child {
    padding-right: 70px;
  }
}

.note__text {
  width: 10%;
  flex: 1 1;
  padding-left: 40px;
}

@media(max-width: 1700px) {
  .note__text {
    padding-left: 35px;
  }
}

@media(max-width: 1470px) {
  .note__text {
    padding-left: 25px;
  }
}

@media(max-width: 1260px) {
  .note {
    border-radius: 15px;
  }
  .note__text {
    width: 100%;
    flex: none;
    padding-left: 0;
  }
}

.note__text p {
  font-style: italic;
  margin-top: 20px;
}

.note__text p:first-child {
  margin-top: 0;
}

/*island*/
.island {
  width: 100%;
  margin-top: -9vw;
}

.island-content {
  margin-top: -5vw;
}

@media(max-width: 767px) {
  .island {
    position: relative;
    min-width: 770px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -70px;
  }
  .island-content {
    margin-top: -40px;
  }
}

/*block*/
.block {
  position: relative;
}

.block__overflow {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 0 70px;
}

@media(max-width: 991px) {
  .block__overflow {
    padding: 0;
  }
  .block {
    padding: 40px 30px;
  }
  .about {
    padding-bottom: 0;
  }
}

@media(max-width: 767px) {
  .block {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.about {
  margin-top: -400px;
}

@media(max-width: 1700px) {
  .about {
    margin-top: -300px;
  }
}

@media(max-width: 991px) {
  .about {
    margin-top: -100px;
  }
}

.block--bg {
  background-image: url(../img/brown_texture.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #331e08;
  border-radius: 20px;
}

.img-end {
  display: flex;
  justify-content: flex-end;
}

.block__bottom {
  border-top: 1px solid #7e6e5c;
  padding-top: 45px;
  margin-top: 45px;
}

@media(max-width: 1470px) {
  .block__bottom {
    padding-top: 30px;
    margin-top: 30px;
  }
}

.block__bottom p {
  font-size: 18px;
  line-height: 1.7;
  font-style: italic;
  color: #f6f3ec;
}

.about .btn {
  position: absolute;
  bottom: -45px;
  right: 70px;
}

@media(max-width: 1700px) {
  .about .btn {
    bottom: -40px;
  }
}

@media(max-width: 991px) {
  .about .btn {
    width: 100%;
    right: auto;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 15px;
  }
}

.about .btn__link {
  box-shadow: 0 10px 15px rgba(0,0,0,0.2);
}

/*columns*/
.col {
  width: 50%;
}

.col--1 {
  width: 45%;
}

.col--2 {
  width: 55%;
}

.col:first-child {
  border-right: 1px solid #83776b;
  padding-right: 50px;
}

.col:last-child {
  padding-left: 50px;
  padding-right: 50px;
}

@media(max-width: 1700px) {
  .col:first-child {
    padding-right: 35px;
  }
  .col:last-child {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media(max-width: 1470px) {
  .col:first-child {
    padding-right: 30px;
  }
  .col:last-child {
    padding-left: 30px;
    padding-right: 30px;
  }
}


@media(max-width: 991px) {
  .col {
    width: 100%;
  }
  .col:first-child {
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid #83776b;
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
  .col:last-child {
    padding-left: 0;
    padding-right: 0;
  }
}

.info-block {
  margin-top: 35px;
}

.info-block:first-child {
  margin-top: 0;
}

/*footer*/
footer {
  position: relative;
  background-color: #000;
  padding-bottom: 60px;
}

footer p {
  color: #fff;
}

@media(max-width: 1470px) {
  footer {
    padding-bottom: 40px;
  }
}

@media(max-width: 991px) {
  footer {
    padding-top: 10px;
  }
}

@media(max-width: 767px) {
  footer .logo {
    text-align: center;
  }
}

/*animation*/
.move {
    opacity: 0;

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;

    transition-delay: var(--move-delay, 0ms);
}

.move-bottom {
    transform: translateY(50px);
}

.move-top {
    transform: translateY(-50px);
}

.move-left {
    transform: translateX(-50px);
}
.move-right {
    transform: translateX(50px);
}

.move-scale {
    transform: scale(0.85);
}

.silhouette.move-scale {
    transform: translateX(-50%) scale(0.85);
}

.move.active {
    opacity: 1;
    transform: translate(0) scale(1);
}

.move.silhouette.active {
    transform: translateX(-50%) scale(1);
}

.move-y-center.active {
    transform: translateY(-50%) scale(1);
}

@media(max-width: 991px) {
  .move-img.move.active, .move-btn.move.active,
  .move-y-center.active {
    transform: translateX(-50%) scale(1);
  }
}

.move-print {
    opacity: 1;
    transform: none;
}

.move-print span {
    opacity: 0;
    transition: opacity 0.08s ease;
}

.move[data-delay] {
    transition-delay: var(--delay);
}

.top-section__img {
    translate: 0 0;
    will-change: translate;
}

.island {
    translate: 0 0;
    will-change: translate;
}