/**
 * Stylesheet
 *
 * project:			Project Name
 * date:			2019-02-20
 * author:			Konrad Bojarun
 * company:			APPIX
 * link:			http://appix.pl
 *
 */
/**
 * ------------------------------------------------------------
 * ************************* PROJECT **************************
 * ------------------------------------------------------------
 */
/**
 * section: RESET
 * ------------------------------------------------------------
 */
* {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  text-decoration: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: top;
  background: transparent;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**
 * section: SHARED
 * ------------------------------------------------------------
 */
/**
 * subsection: Globals
 * ----------------------------------------
 */
.left {
  float: left !important; }

.right {
  float: right !important; }

.group::after {
  clear: both;
  content: "";
  display: table; }

.hidden {
  display: none !important; }

.mobile {
  display: none !important; }

/**
 * subsection: Columns
 * ----------------------------------------
 */
.columns {
  display: block;
  position: relative;
  box-sizing: border-box; }
  .columns::after {
    clear: both;
    content: "";
    display: table; }
  .columns .column {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left; }
    .columns .column:last-child {
      margin-right: 0 !important; }
  .columns .col-6:nth-child(2n) {
    margin-right: 0 !important; }

@media (min-width: 1280px) {
  .col-1 {
    width: calc(8.33333% - 45.83333px);
    margin-right: 50px; }

  .col-2 {
    width: calc(16.66667% - 41.66667px);
    margin-right: 50px; }

  .col-3 {
    width: calc(25% - 37.5px);
    margin-right: 50px; }

  .col-4 {
    width: calc(33.33333% - 33.33333px);
    margin-right: 50px; }

  .col-5 {
    width: calc(41.66667% - 29.16667px);
    margin-right: 50px; }

  .col-6 {
    width: calc(50% - 25px);
    margin-right: 50px; }

  .col-7 {
    width: calc(58.33333% - 20.83333px);
    margin-right: 50px; }

  .col-8 {
    width: calc(66.66667% - 16.66667px);
    margin-right: 50px; }

  .col-9 {
    width: calc(75% - 12.5px);
    margin-right: 50px; }

  .col-10 {
    width: calc(83.33333% - 8.33333px);
    margin-right: 50px; }

  .col-11 {
    width: calc(91.66667% - 4.16667px);
    margin-right: 50px; }

  .col-12 {
    width: calc(100% - 0px);
    margin-right: 50px; } }
@media (max-width: 1280px) {
  .col-1 {
    width: calc(8.33333% - 14.66667px);
    margin-right: 16px; }

  .col-2 {
    width: calc(16.66667% - 13.33333px);
    margin-right: 16px; }

  .col-3 {
    width: calc(25% - 12px);
    margin-right: 16px; }

  .col-4 {
    width: calc(33.33333% - 10.66667px);
    margin-right: 16px; }

  .col-5 {
    width: calc(41.66667% - 9.33333px);
    margin-right: 16px; }

  .col-6 {
    width: calc(50% - 8px);
    margin-right: 16px; }

  .col-7 {
    width: calc(58.33333% - 6.66667px);
    margin-right: 16px; }

  .col-8 {
    width: calc(66.66667% - 5.33333px);
    margin-right: 16px; }

  .col-9 {
    width: calc(75% - 4px);
    margin-right: 16px; }

  .col-10 {
    width: calc(83.33333% - 2.66667px);
    margin-right: 16px; }

  .col-11 {
    width: calc(91.66667% - 1.33333px);
    margin-right: 16px; }

  .col-12 {
    width: calc(100% - 0px);
    margin-right: 16px; } }
/**
 * subsection: Misc
 * ----------------------------------------
 */
.logo-high-frequency {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 204px;
  height: 54px;
  left: calc(50% - 102px);
  background: url("../assets/images/logo-hf.svg") 50% 50% no-repeat;
  background-size: cover;
  opacity: 1;
  transition: opacity ease .25s; }
  .logo-high-frequency--foter {
    display: block;
    position: relative;
    box-sizing: border-box;
    transition: opacity ease .25s !important;
    left: inherit;
    background: url("../assets/images/logo-hf-footer.svg") 50% 50% no-repeat;
    background-size: cover; }
  .logo-high-frequency:hover {
    opacity: 0.65; }

video {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden; }

.video-box {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden; }

.video-overlay {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: '';
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-270deg, rgba(255, 255, 255, 0) 60%, black 100%);
  background-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 60%, black 100%);
  z-index: -1;
  opacity: 0.66; }

.bg-gradient {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 15vh;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0) 0%, #1c0c00 100%);
  background-image: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, #1c0c00 100%); }

.bg-gradient-forest {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 15vh;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(-450deg, rgba(255, 255, 255, 0) 0%, #021108 100%);
  background-image: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, #021108 100%); }

.bg-gradient-mountain {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  padding-top: 510px;
  left: 0;
  bottom: -140px;
  z-index: -1;
  background: url("../assets/images/bg-gradient.png") 50% 20% no-repeat;
  background-size: cover; }

.box-start {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: calc((100%  - 40px)/3);
  float: left;
  overflow: hidden;
  padding-top: 45.6%;
  background: #CCC;
  margin-right: 20px;
  cursor: pointer; }
  .box-start:last-child {
    margin-right: 0; }
  .box-start__content {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    background-size: cover !important;
    transition: all ease-in-out .25s;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.25); }
    .box-start__content span {
      display: block;
      position: absolute;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      opacity: 0.8;
      background-size: cover !important;
      transition: opacity ease .25s; }
    .box-start__content i {
      display: block;
      position: absolute;
      box-sizing: border-box;
      width: 34px;
      height: 30px;
      z-index: 3;
      left: calc(50% - 17px);
      top: calc(50% - 30px);
      transition: top ease .35s; }
    .box-start__content p {
      display: block;
      position: absolute;
      box-sizing: border-box;
      font-weight: 400;
      font-size: 18px;
      line-height: 31px;
      width: 100%;
      text-align: center;
      z-index: 3;
      color: white;
      bottom: calc(50% - 40px);
      transition: bottom ease .35s; }
  .box-start:hover .box-start__content {
    width: calc(100% + 7px*2);
    height: calc(100% + 7px*2);
    margin-left: -7px;
    margin-top: -7px; }
    .box-start:hover .box-start__content span {
      opacity: 1; }
    .box-start:hover .box-start__content i {
      top: 20px; }
    .box-start:hover .box-start__content p {
      bottom: 30px; }
  .box-start--beach .box-start__content span {
    background: url("../assets/images/box-1-bg.png") 50% 50% no-repeat; }
  .box-start--beach .box-start__content i {
    background: url("../assets/images/icon-beach-white.svg") 50% 50% no-repeat;
    background-size: 45px 45px !important; }
  .box-start--forest .box-start__content span {
    background: url("../assets/images/box-2-bg.png") 50% 50% no-repeat; }
  .box-start--forest .box-start__content i {
    background: url("../assets/images/icon-forest-white.svg") 50% 50% no-repeat;
    background-size: 40px 40px !important; }
  .box-start--mountain .box-start__content span {
    background: url("../assets/images/box-3-bg.png") 50% 50% no-repeat; }
  .box-start--mountain .box-start__content i {
    background: url("../assets/images/icon-mountain-white.svg") 50% 50% no-repeat;
    background-size: 40px 40px !important; }
  .box-start video {
    height: 100%;
    z-index: 1; }

.box-backgrounds {
  display: block;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0; }
  .box-backgrounds .bg {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: calc((100vw - 1920px)/2);
    width: 1920px;
    height: 100%;
    background-size: 100% 100% !important;
    opacity: 0;
    transition: opacity ease .25s; }
    .box-backgrounds .bg.active {
      opacity: 1; }
    .box-backgrounds .bg--beach {
      background: url("../assets/images/bg-1.png") 50% 50% no-repeat; }
    .box-backgrounds .bg--forest {
      background: url("../assets/images/bg-2.png") 50% 50% no-repeat; }
    .box-backgrounds .bg--mountain {
      background: url("../assets/images/bg-3.png") 50% 50% no-repeat; }

.btn-sound {
  display: block;
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 29px;
  height: 25px;
  background: url("../assets/images/icon-sound-on.svg") 50% 50% no-repeat;
  background-size: 120% !important; }
  .btn-sound.active {
    background: url("../assets/images/icon-sound-off.svg") 50% 50% no-repeat; }

.title-main {
  display: block;
  position: relative;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 50px;
  line-height: 68px;
  font-family: 'Vidaloka', serif;
  color: white;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 10px; }
  .title-main span {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 2px;
    height: 68px;
    margin: 0 20px;
    background: white; }

.title-section {
  display: block;
  position: relative;
  box-sizing: border-box;
  text-align: center; }
  .title-section span {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 37px;
    color: white;
    text-transform: uppercase;
    padding: 0 74px; }
    .title-section span:before, .title-section span:after {
      display: block;
      position: absolute;
      box-sizing: border-box;
      content: '';
      z-index: 1;
      width: 41px;
      height: 1px;
      background: #B99C58;
      top: 50%; }
    .title-section span:before {
      left: 0; }
    .title-section span:after {
      right: 0; }

.btn-scroll {
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: calc(50% - 23px);
  bottom: 17.5vh;
  width: 47px;
  height: 74px;
  background: url("../assets/images/icon-scroll.png") 50% 50% no-repeat;
  z-index: 5; }
  .btn-scroll:hover {
    background: url("../assets/images/icon-scroll-active.png") 50% 50% no-repeat; }
  .btn-scroll span {
    display: block;
    position: absolute;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    color: white;
    width: 92px;
    margin-top: 15vh;
    margin-left: -24px; }

.btn-scroll span:lang(en) {
  width: 42px;
  margin-left: 2px; }

.box-cookies {
  display: block;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  left: 0;
  bottom: -200px;
  padding: 8px 63px 8px 40px;
  z-index: 10;
  background: rgba(9, 9, 9, 0.77); }
  .box-cookies::after {
    clear: both;
    content: "";
    display: table; }
  .box-cookies.active {
    bottom: 0; }
  .box-cookies p {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    width: calc(100% - 250px);
    padding: 10px 0;
    padding-left: 10px;
    color: white;
    float: left; }
    .box-cookies p a {
      color: white;
      font-family: 'Nunito', sans-serif;
      font-weight: 900; }
  .box-cookies .btn-square {
    position: absolute;
    right: 63px;
    top: calc(50% - 19px);
    font-size: 14px;
    line-height: 17px;
    padding: 10px 10px 10px 35px;
    float: right;
    text-transform: none; }

.list-clients {
  display: block;
  position: relative;
  box-sizing: border-box;
  max-width: 1010px;
  margin: 0 auto;
  margin-top: 100px; }
  .list-clients::after {
    clear: both;
    content: "";
    display: table; }
  .list-clients .item {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 190px;
    margin-right: 82px;
    margin-bottom: 50px; }
    .list-clients .item:nth-child(4n) {
      margin-right: 0; }
    .list-clients .item img {
      display: block;
      position: relative;
      box-sizing: border-box;
      width: 100%;
      height: auto; }

.list-services {
  display: block;
  position: relative;
  box-sizing: border-box; }
  .list-services::after {
    clear: both;
    content: "";
    display: table; }
  .list-services .item {
    display: block;
    position: relative;
    box-sizing: border-box;
    float: left;
    width: calc((100% - 60px)/3);
    width: calc((100% - 60px - 155px)/2);
    margin-right: 30px;
    margin-bottom: 70px; }
    .list-services .item:nth-child(3n) {
      margin-right: 0;
      width: 155px; }
    .list-services .item strong {
      display: block;
      position: relative;
      box-sizing: border-box;
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Nunito', sans-serif;
      font-weight: 900;
      font-size: 35px;
      line-height: 48px;
      color: #C69E5A;
      margin-bottom: 25px; }
    .list-services .item p {
      display: block;
      position: relative;
      box-sizing: border-box;
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 31px;
      color: white; }

.box-testimonials {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 45px;
  border: solid 1px #B99C58; }
  .box-testimonials .title-section {
    margin-bottom: 35px; }
  .box-testimonials:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    z-index: 1;
    width: 28px;
    height: 28px;
    bottom: -15px;
    left: calc(50% - 14px);
    z-index: 3;
    background: url("../assets/images/icon-diamond-1.png") 50% 50% no-repeat; }

.box-social {
  display: block;
  position: relative;
  box-sizing: border-box;
  text-align: center; }

.btn-social {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 29px;
  height: 29px;
  margin-right: 18px;
  background-size: 150% 150% !important; }
  .btn-social:last-child {
    margin-right: 0; }
  .btn-social--fb {
    background: url("../assets/images/icon-fb-white.svg") 50% 50% no-repeat; }
    .btn-social--fb:hover {
      background: url("../assets/images/icon-fb-active.svg") 50% 50% no-repeat; }
  .btn-social--insta {
    background: url("../assets/images/icon-insta-white.svg") 50% 50% no-repeat; }
    .btn-social--insta:hover {
      background: url("../assets/images/icon-insta-active.svg") 50% 50% no-repeat; }

.btn-square {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 14px 22px;
  border: solid 1px white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: white;
  background: transparent;
  overflow: hidden; }
  .btn-square span {
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 25px;
    height: 100%;
    background: white url("../assets/images/icon-tick.svg") 50% 50% no-repeat;
    background-size: 14px 14px; }
  .btn-square:before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    z-index: 1;
    z-index: -1;
    width: 150%;
    height: 200px;
    left: -175%;
    top: -100px;
    background: white;
    transform: rotate(-10deg); }

.btn-lang {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding-right: 48px;
  cursor: pointer;
  float: right;
  margin-top: 3px; }
  .btn-lang .selected {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 49px;
    height: 44px;
    border: solid 1px white;
    background: white;
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 44px;
    color: #1C0C00;
    z-index: 1; }
  .btn-lang .arrow {
    display: block;
    position: absolute;
    box-sizing: border-box;
    right: 0;
    top: 0;
    width: 48px;
    height: 44px;
    border: solid 1px white;
    background: url("../assets/images/icon-arrow-down-white.svg") 50% 50% no-repeat;
    background-size: 50% !important; }
  .btn-lang .options {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 49px;
    height: 43px;
    border: solid 1px white;
    border-top: none;
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 43px;
    color: white;
    opacity: 0;
    z-index: 0; }
  .btn-lang.active .arrow {
    background: url("../assets/images/icon-arrow-up-white.svg") 50% 50% no-repeat; }
  .btn-lang.active .options {
    display: block;
    opacity: 1;
    z-index: 1;
    top: 44px;
    animation: bounce 0.6s ease-out; }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -25px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
.btn-close {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  top: calc((100% - 13px)/2 );
  right: 31px;
  background: url("../assets/images/icon-close-white.png") 50% 50% no-repeat;
  z-index: 2; }

aside {
  display: block;
  position: fixed;
  box-sizing: border-box;
  z-index: 3;
  top: 45vh;
  right: 0; }
  aside div {
    display: block;
    position: absolute;
    box-sizing: border-box;
    right: 25px;
    top: -110px; }
    aside div a {
      display: block;
      position: relative;
      box-sizing: border-box;
      width: 21px;
      height: 21px;
      opacity: 1;
      cursor: pointer; }
      aside div a:first-child {
        background: url("../assets/images/icon-arrow-top-white.png") 50% 50% no-repeat; }
      aside div a:last-child {
        background: url("../assets/images/icon-arrow-bottom-white.png") 50% 50% no-repeat; }
      aside div a:hover {
        opacity: .25; }
    aside div span {
      display: block;
      position: relative;
      box-sizing: border-box;
      width: 21px;
      height: 1px;
      margin: 10px 0;
      background: #B99C58; }
  aside nav {
    display: block;
    position: relative;
    box-sizing: border-box;
    right: 55px; }
    aside nav a {
      display: block;
      position: relative;
      box-sizing: border-box;
      margin-bottom: 5px;
      cursor: pointer; }
      aside nav a p {
        display: block;
        position: relative;
        box-sizing: border-box;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: white;
        text-transform: uppercase;
        text-align: right;
        opacity: 0; }
      aside nav a span {
        display: block;
        position: absolute;
        box-sizing: border-box;
        width: 10px;
        height: 3px;
        border-radius: 3px;
        right: -25px;
        top: calc(50% - 3px);
        background: white; }
      aside nav a:hover p {
        opacity: .25; }
      aside nav a:hover span {
        opacity: .25; }
      aside nav a.active p {
        opacity: 1 !important; }
      aside nav a.active span {
        width: 40px !important;
        right: -55px !important;
        background: #B99C58 !important; }

.btn-switch {
  display: block;
  position: relative;
  box-sizing: border-box; }
  .btn-switch .selected {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 55px;
    height: 39px;
    border: solid 1px white;
    background: url("../assets/images/icon-arrow-down-white.svg") calc(100% - 7px) 50% no-repeat;
    background-size: 13px 13px;
    z-index: 2; }
  .btn-switch .options {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 55px;
    height: 39px;
    border: solid 1px white;
    border-top: none;
    background: url("../assets/images/icon-arrow-right-white.svg") calc(100% - 5px) 50% no-repeat;
    background-size: 11px 11px;
    opacity: 0;
    z-index: -1;
    margin-top: -39px;
    pointer-events: none !important;
    cursor: default !important; }
  .btn-switch.active .selected {
    background: url("../assets/images/icon-arrow-up-white.svg") calc(100% - 7px) 50% no-repeat;
    background-size: 13px 13px; }
  .btn-switch.active .options {
    margin-top: 0;
    z-index: 1;
    opacity: 1;
    pointer-events: auto !important;
    animation: bounce 0.6s ease-out; }

.icon-mobile {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  top: 4px;
  left: 5px;
  background-size: 30px 30px !important; }
  .icon-mobile--beach {
    background: url("../assets/images/icon-beach-white.svg") 50% 50% no-repeat; }
  .icon-mobile--forest {
    background: url("../assets/images/icon-forest-white.svg") 50% 50% no-repeat; }
  .icon-mobile--mountain {
    background: url("../assets/images/icon-mountain-white.svg") 50% 50% no-repeat; }

.anim {
  display: block;
  position: absolute;
  box-sizing: border-box;
  z-index: 0; }
  .anim img {
    display: block;
    position: relative;
    box-sizing: border-box; }

.btn-scroll span {
  animation: shake2 2s infinite;
  transform: translate3d(0, 0, 0); }

@keyframes shake {
  /*
  0% { transform: translate(2px, 1px) rotate(0deg); }
  1% { transform: translate(-1px, -2px) rotate(-1deg); }
  2% { transform: translate(-3px, 0px) rotate(1deg); }
  3% { transform: translate(0px, 2px) rotate(0deg); }
  4% { transform: translate(1px, -1px) rotate(1deg); }
  5% { transform: translate(-1px, 2px) rotate(-1deg); }
  6% { transform: translate(-3px, 1px) rotate(0deg); }
  7% { transform: translate(2px, 1px) rotate(-1deg); }
  8% { transform: translate(-1px, -1px) rotate(1deg); }
  9% { transform: translate(2px, 2px) rotate(-1deg); }
  10% { transform: translate(0px, 0px) rotate(0deg); }
  */
  0% {
    -webkit-transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(0, 10px); }
  40% {
    -webkit-transform: translate(0, 0); } }
@keyframes shake2 {
  0% {
    -webkit-transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(0, -10px); }
  40% {
    -webkit-transform: translate(0, 0); } }
/**
 * subsection: Carousel Single
 * ----------------------------------------
 */
.aw-carousel {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 10px; }
  .aw-carousel.animated * {
    pointer-events: none !important;
    cursor: default !important; }
  .aw-carousel.animated .direction-right .aw-carousel__item {
    transition: margin .5s ease;
    margin-left: 100% !important; }
  .aw-carousel.animated .direction-left .aw-carousel__item {
    transition: margin .5s ease;
    margin-left: -100% !important; }
  .aw-carousel__projector {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-top: 230px;
    z-index: 1;
    overflow: hidden; }
    .aw-carousel__projector.direction-right .aw-carousel__item.appearing {
      left: -100%; }
    .aw-carousel__projector.direction-left .aw-carousel__item.appearing {
      left: 100%; }
  .aw-carousel__item {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    padding-top: 230px;
    top: 0;
    left: 0;
    margin-left: 0;
    z-index: 1;
    opacity: 0; }
    .aw-carousel__item.active, .aw-carousel__item.appearing {
      z-index: 10;
      opacity: 1; }
    .aw-carousel__item strong {
      display: block;
      position: relative;
      box-sizing: border-box;
      margin-top: -230px;
      font-family: 'Source Sans Pro', sans-serif;
      font-family: 'Nunito', sans-serif;
      font-weight: 700;
      font-size: 33px;
      line-height: 48px;
      text-align: center;
      color: white;
      margin-bottom: 25px; }
    .aw-carousel__item p {
      display: block;
      position: relative;
      box-sizing: border-box;
      font-family: 'Nunito', sans-serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 31px;
      width: 100%;
      text-align: center;
      color: white;
      max-width: 500px;
      margin: 0 auto; }
  .aw-carousel__navigation {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    bottom: -10px;
    text-align: center;
    z-index: 2; }
    .aw-carousel__navigation a {
      display: inline-block;
      position: relative;
      box-sizing: border-box;
      width: 10px;
      height: 10px;
      border-radius: 100%;
      margin: 0 13px;
      background: white;
      opacity: .34;
      cursor: pointer; }
      .aw-carousel__navigation a.active {
        opacity: 1; }

.test {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 40px;
  height: 20px; }
  .test span {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 40px;
    height: 20px;
    background: #FFF; }
  .test .option {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 40px;
    height: 20px;
    background: red;
    opacity: 0; }
  .test.active .option {
    opacity: 1; }

.ie .loader__inner {
  display: none !important; }
.ie .loader__background {
  background: url("../assets/images/logo-preloader.svg") 50% 50% no-repeat;
  background-size: cover !important; }

@keyframes changeNumber2 {
  0% {
    content: "100%"; }
  0.1% {
    content: "1%"; }
  12% {
    content: "12%"; }
  18% {
    content: "18%"; }
  26% {
    content: "26%"; }
  34% {
    content: "34%"; }
  43% {
    content: "43%"; }
  61% {
    content: "61%"; }
  67% {
    content: "67%"; }
  74% {
    content: "74%"; }
  82% {
    content: "82%"; }
  94% {
    content: "94%"; }
  100% {
    content: "100%"; } }
.loader {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  z-index: 1000000000000;
  overflow: hidden;
  top: 0;
  left: 0;
  transition: transform 2s ease;
  opacity: 1; }
  .loader:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: "0%";
    top: 50vh;
    left: 0;
    width: 100%;
    height: 22px;
    text-align: center;
    color: white; }
  .loader.almost:after {
    animation: changeNumber 2s linear; }
  .loader.done:after {
    content: "100%"; }

.loader.done {
  opacity: 0;
  pointer-events: none; }

.loader__inner {
  width: 70px;
  height: 70px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url("data:image/png;base64,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");
  background-repeat: repeat-x;
  background-position: 0;
  animation: loader-waves 4s infinite linear; }

.loader__background {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  transition: transform .2s ease-out;
  transform: scale3d(0, 0, 0);
  width: 70px;
  height: 70px;
  top: calc(50vh - 75px);
  left: calc(50% - 35px);
  background: white;
  -webkit-mask-image: url("../assets/images/logo-preloader.svg");
  mask-image: url("../assets/images/logo-preloader.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  animation: loader-in .45s ease .25s 1 normal forwards; }

@keyframes loader-waves {
  100% {
    background-position: -538px 0; } }
@keyframes loader-in {
  0% {
    transform: scale3d(0.7, 0.7, 0.7); }
  50% {
    transform: scale3d(1.2, 1.2, 1.2); }
  80% {
    transform: scale3d(0.95, 0.95, 0.95); }
  100% {
    transform: scale3d(1, 1, 1); } }
/**
 * section: WEB
 * ------------------------------------------------------------
 */
/**
 * subsection: Globals
 * ----------------------------------------
 */
* {
  font-family: 'Nunito Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 1px transparent; }

html {
  overflow-y: scroll;
  overflow-x: hidden; }

body {
  overflow: hidden;
  background: black; }

/**
 * subsection: Page
 * ----------------------------------------
 */
.page__header {
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 140px;
  padding: 43px 31px;
  z-index: 10; }
  .page__header::after {
    clear: both;
    content: "";
    display: table; }
  .page__header .btn-square {
    float: left;
    margin-right: 15px; }
  .page__header .btn-sound {
    margin-top: 12px; }
.page__section {
  display: block;
  position: relative;
  box-sizing: border-box;
  z-index: 1; }
.page__container {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1140px;
  z-index: 1; }
  .page__container::after {
    clear: both;
    content: "";
    display: table; }
.page__footer {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 60px 0;
  margin-top: 115px;
  z-index: 2;
  background: white; }
  .page__footer a {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: black;
    transition: color ease .25s; }
    .page__footer a:hover {
      color: #C69E5A; }
  .page__footer p {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: black; }
    .page__footer p a {
      font-weight: 400; }
  .page__footer .page__container > div {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding-right: 25px;
    float: left; }
    .page__footer .page__container > div:nth-child(1) {
      width: 270px; }
    .page__footer .page__container > div:nth-child(2) {
      width: 300px; }
    .page__footer .page__container > div:nth-child(3) {
      width: 335px; }

/**
 * subsection: Preloader
 * ----------------------------------------
 */
.page__preloader {
  display: block;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  background: rgba(0, 0, 0, 0.9);
  transition: all ease .25s;
  opacity: 1; }
  .page__preloader.almost {
    background: rgba(0, 0, 0, 0.9); }
    .page__preloader.almost:after {
      animation: changeNumber 2s linear; }
    .page__preloader.almost .mask {
      animation: changeWidth 2s linear; }
  .page__preloader.done {
    opacity: 0;
    height: 0;
    overflow: hidden; }
    .page__preloader.done:after {
      content: "100%"; }
    .page__preloader.done .mask {
      width: 100%; }
  .page__preloader .preloader-percentage {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 50vh;
    left: 0;
    width: 100%;
    text-align: center;
    color: white; }
    .page__preloader .preloader-percentage .preloader-percentage-text, .page__preloader .preloader-percentage .percentage {
      display: inline-block;
      color: white; }
  .page__preloader__percent {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 50vh;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    display: none; }
  .page__preloader__logo {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    top: calc(50vh - 75px);
    left: calc(50% - 40px);
    background: url("../assets/images/logo-preloader.svg") 50% 50% no-repeat;
    background-size: cover; }
    .page__preloader__logo .mask {
      display: block;
      position: absolute;
      box-sizing: border-box;
      width: 0;
      height: 70px;
      -webkit-mask-image: url("../assets/images/logo-preloader.svg");
      mask-image: url("../assets/images/logo-preloader.svg");
      -webkit-mask-size: cover;
      mask-size: cover;
      background: #C69E5A; }
  .page__preloader:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: "0%";
    top: 50vh;
    left: 0;
    width: 100%;
    height: 22px;
    text-align: center;
    color: white; }

.preloader {
  display: block;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  background: black; }

@keyframes changeNumber {
  0% {
    content: "100%"; }
  0.1% {
    content: "1%"; }
  12% {
    content: "12%"; }
  18% {
    content: "18%"; }
  26% {
    content: "26%"; }
  34% {
    content: "34%"; }
  43% {
    content: "43%"; }
  61% {
    content: "61%"; }
  67% {
    content: "67%"; }
  74% {
    content: "74%"; }
  82% {
    content: "82%"; }
  94% {
    content: "94%"; }
  100% {
    content: "100%"; } }
@keyframes changeWidth {
  0% {
    width: 75%; }
  0.1% {
    width: 0.75%; }
  12% {
    width: 9%; }
  18% {
    width: 13.5%; }
  26% {
    width: 19.5%; }
  34% {
    width: 25.5%; }
  43% {
    width: 32.25%; }
  61% {
    width: 45.75%; }
  67% {
    width: 50.25%; }
  74% {
    width: 55.5%; }
  82% {
    width: 61.5%; }
  94% {
    width: 70.5%; }
  100% {
    width: 75%; } }
/**
* subsection: Start
* ----------------------------------------
*/
.page__section--start {
  padding-top: 210px; }
  .page__section--start .page__container {
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 1050px; }
  .page__section--start strong {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 18px;
    line-height: 31px;
    text-align: center;
    color: white;
    margin-bottom: 30px;
    z-index: 5; }

/**
* subsection: WELCOME
* ----------------------------------------
*/
.page__section--welcome {
  width: 100%;
  height: 100vh;
  padding-top: 38vh;
  z-index: 4; }
  .page__section--welcome p {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 300;
    font-size: 18px;
    line-height: 31px;
    color: white;
    text-align: center;
    max-width: 625px;
    margin: 30px auto;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); }

/**
* subsection: CLIENTS
* ----------------------------------------
*/
.page__section--clients {
  padding-top: 110px; }
  .page__section--clients .page__container {
    max-width: 1110px; }

/**
* subsection: TESTIMONIALS
* ----------------------------------------
*/
.page__section--testimonials {
  padding-top: 140px; }
  .page__section--testimonials .page__container {
    max-width: 1110px; }

/**
* subsection: SERVICES
* ----------------------------------------
*/
.page__section--services {
  padding-top: 115px; }
  .page__section--services .title-section {
    margin-bottom: 125px; }
  .page__section--services .page__container {
    max-width: 1010px;
    padding: 0 15px; }

/**
* subsection: CONTACTS
* ----------------------------------------
*/
.page__section--contacts {
  padding-top: 80px; }
  .page__section--contacts .title-section {
    margin-bottom: 85px; }
  .page__section--contacts strong {
    display: block;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 48px;
    color: white;
    margin-bottom: 35px; }
  .page__section--contacts p {
    display: block;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    font-size: 35px;
    line-height: 48px;
    color: #C69E5A;
    margin-bottom: 25px; }
    .page__section--contacts p a {
      color: #C69E5A !important;
      font-family: 'Nunito', sans-serif; }
  .page__section--contacts small {
    display: block;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 48px;
    color: white;
    margin-bottom: 55px; }

/**
* subsection: ARTICLE
* ----------------------------------------
*/
.page__section--article {
  padding-top: calc(140px + 75px); }
  .page__section--article .page_container {
    max-width: 1140px; }

article {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 30px; }
  article::after {
    clear: both;
    content: "";
    display: table; }
  article h1 {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    font-family: 'Vidaloka', serif;
    color: white;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 10px;
    margin-bottom: 85px; }
  article p {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: white;
    margin-bottom: 30px; }
    article p a {
      color: #B99C58; }
    article p b {
      font-weight: 700;
      font-size: 16px;
      line-height: 31px;
      color: white; }
  article strong {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 20px;
    line-height: 31px;
    color: white;
    margin-bottom: 20px; }
  article ol li, article ul li {
    display: block;
    position: relative;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    line-height: 31px;
    color: white; }
  article ol, article ul {
    display: block;
    position: relative;
    box-sizing: border-box;
    list-style: none;
    counter-reset: li;
    padding-left: 30px;
    margin-bottom: 30px; }
  article ol li:before {
    color: #B99C58;
    counter-increment: li;
    content: counter(li,lower-alpha) ") ";
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right; }
  article ul li:before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: '';
    z-index: 1;
    width: 21px;
    height: 1px;
    background: #B99C58;
    margin-left: -30px;
    top: 15px; }
  article ol ul, article ul ol {
    padding-left: 0;
    margin-bottom: 0; }

#preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: transparent;
  color: transparent;
  z-index: 1;
  opacity: 1;
  visibility: visible; }

#console {
  display: none; }

body.loaded #preloader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease 0s, visibility 0s ease 0.4s; }

body.loaded .page__preloader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease 0s, visibility 0s ease 0.4s; }

/**
 * section: THEMES
 * ------------------------------------------------------------
 */
/**
 * subsection: Beach
 * ----------------------------------------
 */
.page--beach {
  background: #1C0C00;
  background-size: contain; }
  .page--beach .anim-1 {
    right: 0;
    top: 30vh;
    transform-origin: 100% 0; }
  .page--beach .anim-2 {
    left: 0;
    top: 65vh;
    transform-origin: 0 0; }
  .page--beach .anim-3 {
    right: 80px;
    top: 75vh;
    transform-origin: 100% 0; }
  .page--beach .anim-4 {
    right: 0;
    top: 55vh;
    transform-origin: 100% 0%; }
  .page--beach .anim-5 {
    left: 0;
    top: 50vh;
    transform-origin: 0 0; }
  .page--beach .anim-6 {
    right: 0;
    top: 100px;
    transform-origin: 100% 50%; }
  .page--beach .page__section--welcome .title-main {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); }
  .page--beach .page__section--welcome span {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); }

/**
 * subsection: Forest
 * ----------------------------------------
 */
.page--forest {
  background: #021108;
  background-size: contain; }
  .page--forest .box-testimonials:after {
    background: url("../assets/images/icon-diamond-2.png") 50% 50% no-repeat; }
  .page--forest .anim-1 {
    left: 0;
    top: 0;
    transform-origin: 0% 0%; }
  .page--forest .anim-2 {
    left: 0;
    top: 66vh;
    transform-origin: 0 0%; }
  .page--forest .anim-3 {
    right: 0;
    top: 50vh;
    transform-origin: 100% 0%; }
  .page--forest .anim-4 {
    left: 0;
    top: 35vh;
    transform-origin: 0 0; }
  .page--forest .anim-5 {
    right: 0;
    top: 45vh;
    transform-origin: 100% 0; }
  .page--forest .anim-6 {
    right: 0;
    top: 120px;
    transform-origin: 100% 50%; }
  .page--forest .page__section--welcome .title-main {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); }
  .page--forest .page__section--welcome span {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); }

/**
 * subsection: Mountain
 * ----------------------------------------
 */
.page--mountain {
  background: #FFFFFF;
  background-size: contain; }
  .page--mountain .page__section--welcome p {
    text-shadow: none; }
  .page--mountain .box-cookies {
    background: rgba(51, 61, 75, 0.77); }
  .page--mountain .box-testimonials:after {
    background: url("../assets/images/icon-diamond-3.png") 50% 50% no-repeat; }
  .page--mountain .page__section--welcome p {
    color: #333D4B; }
  .page--mountain .anim-1 {
    left: 0;
    top: 0;
    transform-origin: 0% 0%; }
  .page--mountain .anim-2 {
    right: 0;
    top: 35vh;
    transform-origin: 100% 0%; }
  .page--mountain .logo-high-frequency {
    background: url("../assets/images/logo-hf-blue.svg") 50% 50% no-repeat;
    background-size: cover; }
    .page--mountain .logo-high-frequency--foter {
      background: url("../assets/images/logo-hf.svg") 50% 50% no-repeat;
      background-size: cover; }
  .page--mountain .page__header .btn-square {
    color: #333D4B;
    border-color: #333D4B; }
    .page--mountain .page__header .btn-square:before {
      background: #333D4B; }
    .page--mountain .page__header .btn-square:hover {
      color: white; }
  .page--mountain .btn-lang .selected {
    color: white;
    border-color: #333D4B;
    background: #333D4B; }
  .page--mountain .btn-lang .arrow {
    border-color: #333D4B;
    background: url("../assets/images/icon-arrow-down-blue.svg") 50% 50% no-repeat; }
  .page--mountain .btn-lang .options {
    border-color: #333D4B;
    color: #333D4B; }
  .page--mountain .btn-lang.active .arrow {
    background: url("../assets/images/icon-arrow-up-blue.svg") 50% 50% no-repeat; }
  .page--mountain .btn-sound {
    background: url("../assets/images/icon-sound-on-blue.svg") 50% 50% no-repeat; }
    .page--mountain .btn-sound.active {
      background: url("../assets/images/icon-sound-off-blue.svg") 50% 50% no-repeat; }
  .page--mountain .btn-scroll {
    background: url("../assets/images/icon-scroll-active.png") 50% 50% no-repeat; }
    .page--mountain .btn-scroll:hover {
      background: url("../assets/images/icon-scroll.png") 50% 50% no-repeat; }
    .page--mountain .btn-scroll span {
      color: #333D4B; }
  .page--mountain .title-main {
    color: #333D4B; }
    .page--mountain .title-main span {
      background: #333D4B; }
  .page--mountain .title-section span {
    color: #677790; }
  .page--mountain .aw-carousel__item strong {
    color: #C69E5A; }
  .page--mountain .aw-carousel__item p {
    color: #677790; }
  .page--mountain .aw-carousel__navigation a {
    background: #677790; }
  .page--mountain .list-services .item p {
    color: #677790; }
  .page--mountain .page__section--contacts strong, .page--mountain .page__section--contacts small {
    color: #677790; }
  .page--mountain .btn-social--fb {
    background: url("../assets/images/icon-fb-blue.svg") 50% 50% no-repeat; }
    .page--mountain .btn-social--fb:hover {
      background: url("../assets/images/icon-fb-active.svg") 50% 50% no-repeat; }
  .page--mountain .btn-social--insta {
    background: url("../assets/images/icon-insta-blue.svg") 50% 50% no-repeat; }
    .page--mountain .btn-social--insta:hover {
      background: url("../assets/images/icon-insta-active.svg") 50% 50% no-repeat; }
  .page--mountain aside div a:first-child {
    background: url("../assets/images/icon-arrow-top-blue.png") 50% 50% no-repeat; }
  .page--mountain aside div a:last-child {
    background: url("../assets/images/icon-arrow-bottom-blue.png") 50% 50% no-repeat; }
  .page--mountain aside nav a p {
    color: #677790; }
  .page--mountain aside nav a span {
    background: #677790; }
  .page--mountain .btn-switch .selected {
    border-color: #333D4B;
    background: url("../assets/images/icon-arrow-down-blue.svg") calc(100% - 5px) 50% no-repeat;
    background-size: 13px 13px; }
  .page--mountain .btn-switch .options {
    border-color: #333D4B;
    background: url("../assets/images/icon-arrow-right-blue.svg") calc(100% - 7px) 50% no-repeat;
    background-size: 12px 12px; }
  .page--mountain .btn-switch:hover .selected {
    background: url("../assets/images/icon-arrow-up-blue.svg") calc(100% - 5px) 50% no-repeat;
    background-size: 13px 13px; }
  .page--mountain .icon-mobile--beach {
    background: url("../assets/images/icon-beach-blue.svg") 50% 50% no-repeat; }
  .page--mountain .icon-mobile--forest {
    background: url("../assets/images/icon-forest-blue.svg") 50% 50% no-repeat; }
  .page--mountain .icon-mobile--mountain {
    background: url("../assets/images/icon-mountain-blue.svg") 50% 50% no-repeat; }
  .page--mountain .page__footer {
    background: #677790; }
    .page--mountain .page__footer a, .page--mountain .page__footer p {
      color: white; }

/**
 * subsection: COOKIES
 * ----------------------------------------
 */
.page--cookies {
  background: white !important; }
  .page--cookies .page__header .logo-high-frequency {
    background: url("../assets/images/logo-hf-black.png") 50% 50% no-repeat; }
  .page--cookies article h1 {
    color: #131313; }
  .page--cookies article p {
    color: #131313; }
    .page--cookies article p b {
      color: #131313; }
  .page--cookies article strong {
    color: #131313; }
  .page--cookies article ol li, .page--cookies article ul li {
    color: #131313; }
  .page--cookies .title-section span {
    color: #131313; }
  .page--cookies .page__section--contacts strong {
    color: #131313; }
  .page--cookies .page__section--contacts small {
    color: #131313; }
  .page--cookies .btn-social--fb {
    background: url("../assets/images/icon-fb-black.svg") 50% 50% no-repeat; }
    .page--cookies .btn-social--fb:hover {
      background: url("../assets/images/icon-fb-active.svg") 50% 50% no-repeat; }
  .page--cookies .btn-social--insta {
    background: url("../assets/images/icon-insta-black.svg") 50% 50% no-repeat; }
    .page--cookies .btn-social--insta:hover {
      background: url("../assets/images/icon-insta-active.svg") 50% 50% no-repeat; }
  .page--cookies .page__footer {
    background: #131313; }
    .page--cookies .page__footer p {
      color: white; }
    .page--cookies .page__footer a {
      color: white; }
      .page--cookies .page__footer a:hover {
        color: #C69E5A; }
  .page--cookies .page__header .btn-square {
    color: #131313;
    border-color: #131313; }
    .page--cookies .page__header .btn-square:before {
      background: #131313; }
    .page--cookies .page__header .btn-square:hover {
      color: white; }
  .page--cookies .btn-lang .selected {
    color: white;
    border-color: #131313;
    background: #131313; }
  .page--cookies .btn-lang .options {
    color: #131313;
    border-color: #131313;
    background: white; }
  .page--cookies .btn-lang .arrow {
    border-color: #131313;
    border-left: none;
    background: url("../assets/images/icon-arrow-down-black.svg") 50% 50% no-repeat; }
  .page--cookies .btn-lang.active .arrow {
    background: url("../assets/images/icon-arrow-up-black.svg") 50% 50% no-repeat; }
  .page--cookies .btn-square.on-mobile {
    padding-left: 42px;
    background: url("../assets/images/icon-arrow-left-black.png") 15px 50% no-repeat; }
    .page--cookies .btn-square.on-mobile:hover {
      background: url("../assets/images/icon-arrow-left-white.png") 15px 50% no-repeat; }
  .page--cookies .box-cookies {
    background: #131313; }

/**
 * subsection: POLICY
 * ----------------------------------------
 */
.page--policy {
  background: #131313 !important; }
  .page--policy .page__header .logo-high-frequency {
    background: url("../assets/images/logo-hf.png") 50% 50% no-repeat; }
  .page--policy article h1 {
    color: white; }
  .page--policy article p {
    color: white; }
    .page--policy article p b {
      color: white; }
  .page--policy article strong {
    color: white; }
  .page--policy article ol li, .page--policy article ul li {
    color: white; }
  .page--policy .title-section span {
    color: white; }
  .page--policy .page__section--contacts strong {
    color: white; }
  .page--policy .page__section--contacts small {
    color: white; }
  .page--policy .page__footer {
    background: white; }
    .page--policy .page__footer p {
      color: #131313; }
    .page--policy .page__footer a {
      color: #131313; }
      .page--policy .page__footer a:hover {
        color: #C69E5A; }
  .page--policy .page__header .btn-square {
    color: white;
    border-color: white; }
    .page--policy .page__header .btn-square:before {
      background: white; }
    .page--policy .page__header .btn-square:hover {
      color: #131313; }
  .page--policy .btn-lang .selected {
    color: #131313;
    border-color: white;
    background: white; }
  .page--policy .btn-lang .options {
    color: white;
    border-color: white;
    background: #131313; }
  .page--policy .btn-lang .arrow {
    border-color: white;
    border-left: none; }
  .page--policy .btn-square.on-mobile {
    padding-left: 42px;
    background: url("../assets/images/icon-arrow-left-white.png") 15px 50% no-repeat; }
    .page--policy .btn-square.on-mobile:hover {
      background: url("../assets/images/icon-arrow-left-black.png") 15px 50% no-repeat; }
  .page--policy .box-cookies {
    background: white; }
    .page--policy .box-cookies p {
      color: #131313; }
    .page--policy .box-cookies .btn-close {
      background: url("../assets/images/icon-close-black.png") 50% 50% no-repeat; }
    .page--policy .box-cookies .btn-square {
      border-color: #131313;
      color: #131313; }
      .page--policy .box-cookies .btn-square span {
        background: #131313 url("../assets/images/icon-tick-white.svg") 50% 50% no-repeat;
        background-size: 14px 14px; }
      .page--policy .box-cookies .btn-square:before {
        background: #131313; }
      .page--policy .box-cookies .btn-square:hover {
        color: white; }

/**
 * section: HOVERS
 * ------------------------------------------------------------
 */
.box-cookies {
  transition: all .5s ease; }

.btn-sound {
  opacity: 1;
  transition: opacity ease .25s; }
  .btn-sound:hover {
    opacity: .6; }

.btn-scroll {
  transition: background ease .25s; }

.list-clients .item {
  opacity: 1;
  transition: opacity ease .25s; }
  .list-clients .item:hover {
    opacity: .25; }

.btn-square {
  transition: all ease .25s; }
  .btn-square:hover {
    color: #1C0C00; }
    .btn-square:hover:before {
      left: -5%; }
  .btn-square:before {
    transition: all ease .5s; }

.btn-lang .options {
  transition: all ease .25s; }

.btn-close {
  opacity: 1;
  transition: opacity ease .25s; }
  .btn-close:hover {
    opacity: .6; }

aside nav a p, aside nav a span {
  transition: all ease .25s; }
aside div a {
  transition: all ease .25s; }

.appix-fx-element {
  opacity: 0;
  transition: opacity ease .35s; }
  .appix-fx-element.active {
    opacity: 1; }

article {
  opacity: 1; }
  article a {
    transition: opacity ease .35s; }
    article a:hover {
      opacity: .6; }

div.logo-high-frequency {
  opacity: 1 !important; }

/**
 * section: RWD
 * ------------------------------------------------------------
 */
@media (max-width: 1180px) {
  .page__section--article .page__container {
    max-width: 100%;
    padding: 0 31px; } }
@media (max-width: 1024px) {
  .page {
    background-size: auto 120vh !important; }

  .page__header {
    padding: 43px 15px; }
    .page__header .btn-square {
      font-size: 14px; }
    .page__header .logo-high-frequency {
      width: 56px;
      overflow: hidden;
      background-position: 0 50% !important;
      left: calc(50% - 28px); }
    .page__header .left .btn-sound {
      display: none; }
    .page__header .right .btn-sound {
      display: block !important;
      float: left;
      margin-right: 15px; }

  aside {
    display: none; }

  .title-main {
    font-size: 36px;
    line-height: 68px; }
    .title-main span {
      margin: 0 24px; }

  .title-section span {
    font-size: 16px;
    padding: 0 52px; }

  .box-cookies {
    padding-left: 15px; }
    .box-cookies p {
      font-size: 12px;
      line-height: 15px;
      width: calc(100% - 200px);
      padding-top: 5px;
      padding-bottom: 5px; }

  .page__container {
    padding-left: 15px;
    padding-right: 15px; }

  .list-clients {
    max-width: 640px;
    margin-top: 65px; }
    .list-clients .item {
      margin-right: 35px; }
      .list-clients .item:nth-child(4n) {
        margin-right: 35px; }
      .list-clients .item:nth-child(3n) {
        margin-right: 0; }
      .list-clients .item:last-child {
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto; }

  .aw-carousel__item strong {
    font-size: 24px;
    line-height: 32px;
    margin-top: -180px;
    margin-bottom: 20px; }
  .aw-carousel__item p {
    font-size: 16px;
    line-height: 24px; }

  .aw-carousel__projector, .aw-carousel__item {
    padding-top: 180px; }

  .box-testimonials {
    padding: 35px; }

  .page__section--testimonials {
    padding-top: 20px; }

  .page__section--services .title-section {
    margin-bottom: 65px; }

  .list-services {
    /*max-width:560px;*/
    margin-right: auto;
    margin-left: auto; }
    .list-services .item {
      width: calc((100% - 30px)/2);
      margin-right: 30px; }
      .list-services .item:nth-child(3n) {
        margin-right: 30px;
        width: calc((100% - 30px)/2); }
      .list-services .item:nth-child(2n) {
        margin-right: 0; }
      .list-services .item strong {
        font-size: 30px;
        line-height: 42px; }

  .page__section--contacts .title-section {
    margin-bottom: 35px; }

  .page__section--contacts strong {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px; }

  .page__section--contacts p {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 15px; }

  .page__section--contacts small {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 50px; }

  .page__footer {
    padding: 40px 0;
    margin-top: 65px; }
    .page__footer .page__container {
      padding: 0 45px; }
    .page__footer .page__container > div:nth-child(1) {
      width: 100%;
      text-align: center;
      float: none;
      clear: both;
      margin-right: 0;
      margin-bottom: 40px; }
      .page__footer .page__container > div:nth-child(1) .logo-high-frequency {
        margin: 0 auto;
        width: 175px;
        background-size: 100% auto !important; }
    .page__footer .page__container > div:nth-child(2), .page__footer .page__container > div:nth-child(3), .page__footer .page__container > div:nth-child(4) {
      width: calc(100%/3);
      margin-right: 0;
      padding-right: 15px; }

  .anim {
    transform: scale(0.5); }

  .page--beach .anim-3 {
    right: 50px; }

  .page--start .page__header .left .btn-sound {
    display: block;
    margin-left: 15px; }

  .page__section--start {
    padding-top: 160px; }
    .page__section--start .page__container {
      max-width: 690px; }

  .box-backgrounds {
    display: none; }

  .box-start {
    width: 100%;
    float: none;
    clear: both;
    margin-right: 0; }
    .box-start__content {
      overflow: hidden; }
      .box-start__content span {
        transition: background ease .25s;
        background-size: auto 100% !important; }
    .box-start:hover .box-start__content {
      width: 100%;
      height: 100%;
      margin-left: 0;
      margin-top: 0; }
      .box-start:hover .box-start__content span {
        opacity: 1; }
      .box-start:hover .box-start__content i {
        top: 20px; }
      .box-start:hover .box-start__content p {
        bottom: 30px; }
      .box-start:hover .box-start__content span {
        background-size: auto 105% !important; }
    .box-start video {
      width: 100%;
      height: auto; }
    .box-start--beach .box-start__content span {
      background: url("../assets/images/box-1-bg-mobile.png") 50% 50% no-repeat; }
    .box-start--forest .box-start__content span {
      background: url("../assets/images/box-2-bg-mobile.png") 50% 50% no-repeat; }
    .box-start--mountain .box-start__content span {
      background: url("../assets/images/box-3-bg-mobile.png") 50% 50% no-repeat; }

  .page__section--article {
    padding-top: 190px; }
    .page__section--article .page__container {
      padding: 0 15px; }

  article p {
    margin-bottom: 25px; }
  article strong {
    margin-bottom: 0; }

  .btn-scroll span {
    margin-top: 10vh; }

  .page__section--services .page__container {
    max-width: 100%;
    padding: 0 15px; }

  .list-services {
    margin-left: 20%;
    margin-right: 10%; } }
@media (max-width: 710px) {
  .page {
    background-size: auto 110vh !important; }

  .anim {
    transform: scale(0.25); }

  .page--beach .anim-1 {
    transform: scale(0.45);
    top: 50vh; }
  .page--beach .anim-3 {
    right: 20px;
    transform: scale(0.45); }

  .page__section--start {
    padding-top: 100px; }

  .box-start video {
    display: none !important; }

  .page__header {
    padding: 14px 10px; }
    .page__header .logo-high-frequency {
      width: 36px;
      height: 35px;
      background-size: 130px auto !important;
      left: calc(50% - 18px);
      margin-top: 2px; }
    .page__header .btn-square {
      display: none;
      position: absolute;
      width: 10px;
      height: 10px;
      border: none;
      color: transparent !important;
      overflow: hidden;
      background: transparent !important;
      padding: 0;
      left: 46px;
      top: 28px;
      z-index: 10;
      opacity: 0 !important; }
    .page__header .right .btn-sound {
      display: none !important; }

  .btn-switch {
    display: block !important;
    float: left;
    z-index: 5; }

  .btn-lang {
    padding-right: 39px;
    margin-top: 0; }
    .btn-lang .selected {
      width: 40px;
      height: 39px;
      font-size: 14px;
      line-height: 39px; }
    .btn-lang .options {
      width: 40px;
      height: 39px;
      font-size: 14px;
      line-height: 39px; }
    .btn-lang .arrow {
      width: 39px;
      height: 39px; }
    .btn-lang.active .options {
      top: 39px !important; }

  .box-cookies {
    padding: 22px 20px; }
    .box-cookies p {
      padding: 0 !important;
      width: 100%;
      float: none !important;
      clear: both !important;
      margin-bottom: 20px; }
    .box-cookies .btn-square {
      display: block;
      position: relative;
      float: left;
      top: inherit;
      right: inherit; }
    .box-cookies .btn-close {
      display: block;
      position: relative;
      float: right;
      top: inherit;
      right: inherit;
      margin-top: 15px; }

  .page__section--welcome {
    padding-top: 28vh; }

  .title-main {
    font-size: 30px;
    line-height: 40px; }
    .title-main span {
      display: block;
      background: transparent;
      height: 1px; }

  .title-section span {
    font-size: 14px;
    padding: 0 58px; }

  .page__section--welcome p {
    font-size: 14px;
    line-height: 23px;
    max-width: 100%;
    padding: 0 25px;
    margin: 10px auto; }

  .list-clients {
    max-width: 405px;
    padding: 0 15px;
    margin-top: 35px; }
    .list-clients .item {
      width: calc(50% - 25px);
      margin-right: 25px;
      margin-bottom: 25px; }
      .list-clients .item:nth-child(3n) {
        margin-right: 25px; }
      .list-clients .item:nth-child(2n) {
        margin-right: 0; }
      .list-clients .item:last-child {
        margin-left: inherit;
        float: left;
        clear: none; }

  .box-testimonials .title-section {
    margin-bottom: 15px; }

  .aw-carousel__navigation {
    bottom: -20px; }

  .aw-carousel__item strong {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px; }

  .aw-carousel__item p {
    font-size: 14px;
    line-height: 24px; }

  .box-testimonials {
    padding: 35px 15px; }

  .page__section--testimonials {
    padding-top: 20px; }

  .page__section--testimonials .page__container {
    padding-right: 0;
    padding-left: 0; }

  .page__section--services {
    padding-top: 60px; }

  .list-services {
    max-width: 200px; }
    .list-services .item {
      float: none;
      width: 100% !important;
      margin-right: 0;
      text-align: center;
      margin-bottom: 50px; }
      .list-services .item strong {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 15px; }
      .list-services .item p {
        font-size: 14px;
        line-height: 24px; }

  .page__section--contacts {
    padding-top: 20px; }
    .page__section--contacts strong {
      margin-bottom: 20px; }
    .page__section--contacts p, .page__section--contacts small {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 20px; }

  .page__footer .page__container > div {
    float: none !important;
    clear: both !important;
    padding-right: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px; }

  .page__section--article {
    padding-top: 120px; }

  article h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px; }
  article p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px; }
    article p b {
      font-size: 14px;
      line-height: 26px; }
  article strong {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0; }
  article ol, article ul {
    margin-bottom: 20px; }
  article ol ul, article ul ol {
    margin-bottom: 0; }
  article ol li, article ul li {
    font-size: 14px;
    line-height: 26px; }
  article ul li:before {
    top: 12px; }

  .btn-square.on-mobile {
    display: block !important;
    width: 39px !important;
    height: 39px;
    color: transparent !important;
    padding: 0 !important;
    background-position: 13px 50% !important; }
    .btn-square.on-mobile:hover:before {
      left: -15% !important; }

  .btn-scroll span {
    margin-top: 12vh; }

  .list-services {
    margin-left: auto;
    margin-right: auto; } }
/*
Top 10 Screen Resolutions
1	640x360	    29.05%
2	1366x768	10.65%
3	1024x768	6.31%
4	1920x1080	5.68%
5	667x375	    5.66%
6	800x600	    2.43%
7	736x414	    2.36%
8	1440x900	2.22%
9	568x320	    2.20%
10	1280x800	2.18%
*/

/*# sourceMappingURL=main.css.map */