html.touch .headerSmallBlock .bottomContent .scrollDown:hover {
  opacity: 1;
}
.headerSmallBlock {
  color: #F4F1E6;
  position: relative;
  padding: 12.5vw 0 3.125vw 0;
  margin-bottom: 5vw;
}
.headerSmallBlock.setMargin {
  margin-top: 5vw;
}
.headerSmallBlock.dark {
  background: #231D16;
}
.headerSmallBlock.dark .stickyContainer .videoBackground .stickyWrapper .maskVideo {
  clip-path: none !important;
  overflow: visible;
}
.headerSmallBlock.is-inview .background {
  opacity: 1;
}
.headerSmallBlock.is-inview .background .gradientWrapper {
  opacity: 0.2;
}
.headerSmallBlock.is-inview .background .textWrapper .subTitle {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.headerSmallBlock.is-inview .contentContainer .contentWrapper .cols .mediumTitle {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.headerSmallBlock.is-inview .contentContainer .contentWrapper .cols .text {
  opacity: 1;
  -webkit-transition: opacity 0.6s 0.6s ease-out;
  -moz-transition: opacity 0.6s 0.6s ease-out;
  -o-transition: opacity 0.6s 0.6s ease-out;
  transition: opacity 0.6s 0.6s ease-out;
}
.headerSmallBlock.is-inview .contentContainer .contentWrapper .cols .circle svg path {
  stroke-dashoffset: 0;
  opacity: 1;
}
.headerSmallBlock.is-inview .bottomContent .label {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  pointer-events: inherit;
}
.headerSmallBlock.is-inview .bottomContent .scrollDown {
  cursor: pointer;
}
.headerSmallBlock.is-inview .bottomContent .scrollDown svg {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  pointer-events: inherit;
}
.headerSmallBlock .background {
  overflow: hidden;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.7s 0.45s ease-out;
  -moz-transition: opacity 0.7s 0.45s ease-out;
  -o-transition: opacity 0.7s 0.45s ease-out;
  transition: opacity 0.7s 0.45s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.headerSmallBlock .background img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transform: scale(1.01) translate3d(0, 0, 0);
  -moz-transform: scale(1.01) translate3d(0, 0, 0);
  -o-transform: scale(1.01) translate3d(0, 0, 0);
  -ms-transform: scale(1.01) translate3d(0, 0, 0);
  transform: scale(1.01) translate3d(0, 0, 0);
}
.headerSmallBlock .background .gradientWrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: opacity, 0.9s, 0.9s;
  -moz-transition: opacity, 0.9s, 0.9s;
  -ms-transition: opacity, 0.9s, 0.9s;
  -o-transition: opacity, 0.9s, 0.9s;
  transition: opacity, 0.9s, 0.9s;
  opacity: 0;
  overflow: hidden;
  z-index: 1;
}
.headerSmallBlock .background .gradientWrapper .gradient {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: radial-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8) 80%);
  z-index: 1;
  will-change: transform;
}
.headerSmallBlock .background .textWrapper {
  bottom: 0;
  margin-bottom: 1.25vw;
  z-index: 2;
}
.headerSmallBlock .background .textWrapper .subTitle {
  max-width: 37.5vw;
  opacity: 0;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  -webkit-transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
  -moz-transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
  -ms-transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
  -o-transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s, transform 0.3s 0.6s;
}
.headerSmallBlock .contentContainer {
  z-index: 1;
}
.headerSmallBlock .contentContainer .contentWrapper {
  height: 100%;
  position: relative;
}
.headerSmallBlock .contentContainer .contentWrapper .cols {
  position: relative;
  height: 100%;
  width: 100%;
}
.headerSmallBlock .contentContainer .contentWrapper .cols .col {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  width: 50%;
  z-index: 2;
}
.headerSmallBlock .contentContainer .contentWrapper .cols .col:first-child {
  padding-right: 0.5vw;
}
.headerSmallBlock .contentContainer .contentWrapper .cols .col:nth-child(2) {
  text-align: right;
}
.headerSmallBlock .contentContainer .contentWrapper .cols .text {
  text-align: left;
  padding-right: 8.75vw;
  opacity: 0;
}
.headerSmallBlock .contentContainer .contentWrapper .cols .mediumTitle {
  margin-top: 1.875vw;
  opacity: 0;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  -webkit-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s;
  -moz-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s;
  -ms-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s;
  -o-transition: opacity 0.45s 0.45s, transform 0.45s 0.45s;
  transition: opacity 0.45s 0.45s, transform 0.45s 0.45s;
}
.headerSmallBlock .contentContainer .contentWrapper .cols .circle {
  height: auto;
  left: 50%;
  position: absolute;
  top: 0;
  width: 22.5vw;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%) rotate(-255deg);
  -moz-transform: translate(-50%, -50%) rotate(-255deg);
  -o-transform: translate(-50%, -50%) rotate(-255deg);
  -ms-transform: translate(-50%, -50%) rotate(-255deg);
  transform: translate(-50%, -50%) rotate(-255deg);
}
.headerSmallBlock .contentContainer .contentWrapper .cols .circle svg {
  display: block;
  width: 100%;
  height: auto;
}
.headerSmallBlock .contentContainer .contentWrapper .cols .circle svg path {
  stroke: #BB8B52;
  stroke-miterlimit: 4;
  stroke-width: 1px;
  fill: transparent;
  stroke-dasharray: 1655;
  stroke-dashoffset: 1655;
  -webkit-transition: opacity 0.6s, stroke-dashoffset 1.4s 0.6s;
  -moz-transition: opacity 0.6s, stroke-dashoffset 1.4s 0.6s;
  -ms-transition: opacity 0.6s, stroke-dashoffset 1.4s 0.6s;
  -o-transition: opacity 0.6s, stroke-dashoffset 1.4s 0.6s;
  transition: opacity 0.6s, stroke-dashoffset 1.4s 0.6s;
}
.headerSmallBlock .bottomContent {
  height: auto;
  left: auto;
  position: absolute;
  top: auto;
  width: auto;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.headerSmallBlock .bottomContent .label,
.headerSmallBlock .bottomContent .scrollDown {
  display: inline-block;
  vertical-align: bottom;
}
.headerSmallBlock .bottomContent .label {
  color: #AEA391;
  margin-right: 5.625vw;
  margin-bottom: -0.375vw;
  -webkit-transform: translateX(-1.25vw);
  -moz-transform: translateX(-1.25vw);
  -o-transform: translateX(-1.25vw);
  -ms-transform: translateX(-1.25vw);
  transform: translateX(-1.25vw);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0s;
}
.headerSmallBlock .bottomContent .scrollDown {
  width: 1.9375vw;
  animation: scrollDown 8s infinite;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
.headerSmallBlock .bottomContent .scrollDown:hover {
  opacity: 0.6;
}
.headerSmallBlock .bottomContent .scrollDown svg {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-1.25vw);
  -moz-transform: translateY(-1.25vw);
  -o-transform: translateY(-1.25vw);
  -ms-transform: translateY(-1.25vw);
  transform: translateY(-1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
}
.headerSmallBlock .bottomContent .scrollDown svg path {
  fill: #BB8B52;
}
@keyframes scrollDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  5% {
    -webkit-transform: translateY(0.625vw);
    -moz-transform: translateY(0.625vw);
    -o-transform: translateY(0.625vw);
    -ms-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }
  10% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(0.625vw);
    -moz-transform: translateY(0.625vw);
    -o-transform: translateY(0.625vw);
    -ms-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }
  20% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@media all and (max-width: 1080px) {
  .headerSmallBlock {
    padding: 18.518vw 0 4.63vw 0;
    margin-bottom: 7.407vw;
  }
  .headerSmallBlock.setMargin {
    margin-top: 7.407vw;
  }
  .headerSmallBlock .background {
    height: 37.036vw;
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .col:first-child {
    padding-right: 0.741vw;
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .mediumTitle {
    margin-top: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .circle {
    height: auto;
    left: 50%;
    position: absolute;
    top: 0;
    width: 33.333vw;
  }
  .headerSmallBlock .bottomContent .label {
    margin-right: 8.333vw;
    margin-bottom: -0.556vw;
    -webkit-transform: translateX(-1.852vw);
    -moz-transform: translateX(-1.852vw);
    -o-transform: translateX(-1.852vw);
    -ms-transform: translateX(-1.852vw);
    transform: translateX(-1.852vw);
  }
  .headerSmallBlock .bottomContent .scrollDown {
    width: 2.871vw;
  }
  .headerSmallBlock .bottomContent .scrollDown svg {
    -webkit-transform: translateY(-1.852vw);
    -moz-transform: translateY(-1.852vw);
    -o-transform: translateY(-1.852vw);
    -ms-transform: translateY(-1.852vw);
    transform: translateY(-1.852vw);
  }
}
@media all and (max-width: 580px) {
  .headerSmallBlock {
    margin-bottom: 22.586vw;
    padding: 34.482vw 0 8.621vw 0;
  }
  .headerSmallBlock.setMargin {
    margin-top: 13.793vw;
  }
  .headerSmallBlock.is-inview .background .gradientWrapper {
    opacity: 0.5;
  }
  .headerSmallBlock .background {
    height: 103.446vw;
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .col:first-child {
    padding-right: 1.379vw;
    width: calc(100% - 8.621vw);
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .col:nth-child(2) {
    width: calc(100% + 8.621vw);
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .text {
    margin-top: 6.897vw;
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .mediumTitle {
    margin-top: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .headerSmallBlock .contentContainer .contentWrapper .cols .circle {
    height: auto;
    left: 50%;
    position: absolute;
    top: 0;
    width: 44.827vw;
  }
  .headerSmallBlock .bottomContent .label {
    margin-right: 15.517vw;
    margin-bottom: -1.034vw;
    -webkit-transform: translateX(-3.448vw);
    -moz-transform: translateX(-3.448vw);
    -o-transform: translateX(-3.448vw);
    -ms-transform: translateX(-3.448vw);
    transform: translateX(-3.448vw);
  }
  .headerSmallBlock .bottomContent .scrollDown {
    width: 5.344vw;
  }
  .headerSmallBlock .bottomContent .scrollDown svg {
    -webkit-transform: translateY(-3.448vw);
    -moz-transform: translateY(-3.448vw);
    -o-transform: translateY(-3.448vw);
    -ms-transform: translateY(-3.448vw);
    transform: translateY(-3.448vw);
  }
}