@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {
  overflow-y: scroll
}

*,
:after,
:before {
  background-repeat: no-repeat
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  padding: 0;
  margin: 0
}

audio:not([controls]) {
  display: none;
  height: 0
}

hr {
  overflow: visible
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden],
template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

.js-more{
  text-decoration: underline;
}

a:active,
a:hover {
  outline-width: 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

input {
  border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=number] {
  width: auto
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button,
input,
optgroup,
select,
textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

button,
select {
  text-transform: none
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

img {
  border-style: none;
  display: inline-block;
  vertical-align: top
}

progress {
  vertical-align: baseline
}

svg:not(:root) {
  overflow: hidden
}

audio,
canvas,
progress,
video {
  display: inline-block
}

audio,
embed,
img,
object,
video {
  height: auto;
  max-width: 100%
}

.mb-0 {
  margin-bottom: 0 !important
}
.d-flex{
  display: flex;
} 
.flex-direction-column{
  flex-direction: column;
}

.align-items-center{
  align-items: space-between;
} 

.justify-content-between{
  justify-content: space-between;
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute!important;
    clip: rect(0 0 0 0)!important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

html {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
  font-synthesis: none;
  font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

body,
html {
  width: 100%;
}

body {
  height: auto;
  margin: 0;
  background-color: #fff;
  color: #78716e;
  font-size: .875rem;
  line-height: 1.875rem;
  font-family: raleway, sans-serif;
  text-align: left;
  letter-spacing: 1px;
  -webkit-overflow-scrolling: touch
}

* {
  font-synthesis: inherit;
  font-smoothing: inherit
}

*,
:after,
:before {
  box-sizing: inherit
}

address {
  font-style: inherit
}

figure {
  margin: 0
}

.touch {
  cursor: pointer
}

a,
a:active {
  word-wrap: break-word;
  color: #78716e;
  text-decoration: none
}

p {
  margin: 0 0 10px;
  color: inherit;
  font-family: 'Montserrat';
  font-size: inherit;
  line-height: inherit
}
@media screen and (max-width: 480px){
  p {
    font-size: 12px;
    line-height: 2;
  }
}

ul {
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
li {
  font-family: 'Montserrat';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px;
  font-weight: 100
}

::-moz-selection {
  background-color: #78716e;
  color: #fff
}

::selection {
  background-color: #78716e;
  color: #fff
}

.m0 {
  margin: 0
}

.mr0 {
  margin-right: 0
}

.ml0 {
  margin-left: 0
}

.p0 {
  padding: 0
}

.pt0 {
  padding-top: 0
}

.pr0 {
  padding-right: 0
}

.pb0 {
  padding-bottom: 0
}

.pl0 {
  padding-left: 0
}

.m5 {
  margin: 5px
}

.mt5 {
  margin-top: 5px
}

.mr5 {
  margin-right: 5px
}

.mb5 {
  margin-bottom: 5px
}

.ml5 {
  margin-left: 5px
}

.p5 {
  padding: 5px
}

.pt5 {
  padding-top: 5px
}

.pr5 {
  padding-right: 5px
}

.pb5 {
  padding-bottom: 5px
}

.pl5 {
  padding-left: 5px
}

.m10 {
  margin: 10px
}

.mr10 {
  margin-right: 10px
}

.ml10 {
  margin-left: 10px
}

.p10 {
  padding: 10px
}

.pt10 {
  padding-top: 10px
}

.pr10 {
  padding-right: 10px
}

.pb10 {
  padding-bottom: 10px
}

.pl10 {
  padding-left: 10px
}

.m15 {
  margin: 15px
}

.mt15 {
  margin-top: 15px
}

.mr15 {
  margin-right: 15px
}

.mb15 {
  margin-bottom: 15px
}

.ml15 {
  margin-left: 15px
}

.p15 {
  padding: 15px
}

.pt15 {
  padding-top: 15px
}

.pr15 {
  padding-right: 15px
}

.pb15 {
  padding-bottom: 15px
}

.pl15 {
  padding-left: 15px
}

.m20 {
  margin: 20px
}

.mr20 {
  margin-right: 20px
}

.ml20 {
  margin-left: 20px
}

.p20 {
  padding: 20px
}

.pt20 {
  padding-top: 20px
}

.pr20 {
  padding-right: 20px
}

.pb20 {
  padding-bottom: 20px
}

.pl20 {
  padding-left: 20px
}

.m25 {
  margin: 25px
}

.mt25 {
  margin-top: 25px
}

.mr25 {
  margin-right: 25px
}

.mb25 {
  margin-bottom: 25px
}

.ml25 {
  margin-left: 25px
}

.p25 {
  padding: 25px
}

.pt25 {
  padding-top: 25px
}

.pr25 {
  padding-right: 25px
}

.pb25 {
  padding-bottom: 25px
}

.pl25 {
  padding-left: 25px
}

.m30 {
  margin: 30px
}

.mr30 {
  margin-right: 30px
}

.ml30 {
  margin-left: 30px
}

.p30 {
  padding: 30px
}

.pt30 {
  padding-top: 30px
}

.pr30 {
  padding-right: 30px
}

.pb30 {
  padding-bottom: 30px
}

.pl30 {
  padding-left: 30px
}

.m35 {
  margin: 35px
}

.mt35 {
  margin-top: 35px
}

.mr35 {
  margin-right: 35px
}

.mb35 {
  margin-bottom: 35px
}

.ml35 {
  margin-left: 35px
}

.p35 {
  padding: 35px
}

.pt35 {
  padding-top: 35px
}

.pr35 {
  padding-right: 35px
}

.pb35 {
  padding-bottom: 35px
}

.pl35 {
  padding-left: 35px
}

.m40 {
  margin: 40px
}

.mr40 {
  margin-right: 40px
}

.ml40 {
  margin-left: 40px
}

.p40 {
  padding: 40px
}

.pt40 {
  padding-top: 40px
}

.pr40 {
  padding-right: 40px
}

.pb40 {
  padding-bottom: 40px
}

.pl40 {
  padding-left: 40px
}

.m45 {
  margin: 45px
}

.mt45 {
  margin-top: 45px
}

.mr45 {
  margin-right: 45px
}

.mb45 {
  margin-bottom: 45px
}

.ml45 {
  margin-left: 45px
}

.p45 {
  padding: 45px
}

.pt45 {
  padding-top: 45px
}

.pr45 {
  padding-right: 45px
}

.pb45 {
  padding-bottom: 45px
}

.pl45 {
  padding-left: 45px
}

.m50 {
  margin: 50px
}

.mr50 {
  margin-right: 50px
}

.ml50 {
  margin-left: 50px
}

.p50 {
  padding: 50px
}

.pt50 {
  padding-top: 50px
}

.pr50 {
  padding-right: 50px
}

.pb50 {
  padding-bottom: 50px
}

.pl50 {
  padding-left: 50px
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: block
}

.clearfix:after {
  clear: both
}

/* .clearfix {
  *zoom: 1
} */

.w100 {
  width: 100%
}

.d-block {
  display: block
}

.d-inline-block {
  display: inline-block
}

.d-none {
  display: none
}

.d-table {
  display: table
}

.fl {
  float: left
}

.fl,
.fr {
  display: inline
}

.fr {
  float: right
}

.clear--l {
  clear: left
}

.clear--r {
  clear: right
}

.clear--b {
  clear: both
}

.clear--none {
  clear: none
}

[class*=" icon-"].icon--reset:before,
[class^=icon-].icon--reset:before {
  display: block;
  line-height: 50%
}

[class*=" icon-"].icon--baseline,
[class^=icon-].icon--baseline {
  display: inline-block;
  vertical-align: middle
}

[class*=" icon-"].icon--block,
[class^=icon-].icon--block {
  display: block
}

.mb0 {
  margin-bottom: 0
}

.mb10 {
  margin-bottom: 10px
}

.mb20 {
  margin-bottom: 20px
}

.mb30 {
  margin-bottom: 30px
}

.mb40 {
  margin-bottom: 40px
}

.mb50 {
  margin-bottom: 50px
}

.mt0 {
  margin-top: 0
}

.mt10 {
  margin-top: 10px
}

.mt20 {
  margin-top: 20px
}

.mt30 {
  margin-top: 30px
}

.mt40 {
  margin-top: 40px
}

.mt50 {
  margin-top: 50px
}

.pos--r {
  position: relative
}

.pos--a {
  position: absolute
}

.pos--f {
  position: fixed
}

.min-one-screen{
  display: flex;
  align-items: center;
  min-height: calc(100vh - 100px);
}


@media screen and (max-width: 680px) {
  .min-one-screen{
    min-height: 0;
  }
}

.grid_by_portfolio {
  margin-bottom: 40px;
  position: relative;
}

.grid_by_portfolio__row {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  margin-bottom: 15px;
}
.grid_by_portfolio__row.row-50 {
  height: calc(50% - 8px);
}
.grid_by_portfolio__row.row-100 {
  height: 100%;
}

.grid_by_portfolio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
}
.grid_by_portfolio p.mh50p {
  min-height: 50%;
}

.grid_by_portfolio-qwrt {
  flex: 0 0 25%;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.grid_by_portfolio-half {
  flex: 0 0 50%;
  padding: 0 10px;
}

.grid_by_portfolio-half-stretch{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}


.mb-auto{
  margin-bottom: auto;
}

.mt-0{
  margin-top: 0 !important; 
}

.mt-auto{
  margin-top: auto;
}

.grid_by_portfolio-half-stretch .grid_by_portfolio__row{
  margin-bottom: auto;
}

.grid_by_portfolio-half-stretch .grid_by_portfolio__row:last-child{
  margin-top: auto;
}

.grid_by_portfolio-three {
  flex: 0 0 75%;
  padding: 0 10px;
}

.grid_by_portfolio-full {
  flex: 0 0 100%;
  padding: 0 10px;
}

@media screen and (max-width: 1280px){

  .mb-15px{
    margin-bottom: 15px !important;
  }
  .grid_by_portfolio {
    overflow: hidden;
    margin-bottom: 0px;
  }
  .grid_by_portfolio__row {
    margin-bottom: 15px;
  }
  /*.grid_by_portfolio__row {*/
  /*  flex-wrap: wrap;*/
  /*  align-items: flex-start;*/
  /*}*/
  /*.grid_by_portfolio-qwrt {*/
  /*  flex: 0 0 50%;*/
  /*  max-width: 50%;*/
  /*}*/
  /*.grid_by_portfolio-qwrt.pl-full {*/
  /*  margin-top: 20px;*/
  /*  margin-bottom: 15px;*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*  display: flex;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.special-full{*/
  /*  display: flex;*/
  /*  align-items: flex-start;*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*  margin-bottom: 20px;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.special-full img, .grid_by_portfolio-qwrt.special-full p{*/
  /*  flex: 0 0 50%;*/
  /*  max-width: 50%;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.pl-full .grid_by_portfolio__row:nth-of-type(2n + 1){*/
  /*  padding-right: 10px;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.pl-full .grid_by_portfolio__row:nth-of-type(2n){*/
  /*  padding-left: 10px;*/
  /*}*/

  /*.grid_by_portfolio-half {*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*  margin-bottom: 15px;*/
  /*  margin-top: 15px;*/
  /*}*/
  /*.grid_by_portfolio-half-stretch .grid_by_portfolio__row{*/
  /*  margin-top: 15px;*/
  /*}*/

  /*.grid_by_portfolio-half-stretch .grid_by_portfolio__row:last-child{*/
  /*  margin-top: 30px;*/
  /*}*/

  /*.grid_by_portfolio-half.pl100 {*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*}*/

  /*.grid_by_portfolio-three {*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*}*/

  /*.grid_by_portfolio-full {*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*}*/
  .grid_by_portfolio-qwrt {
    padding: 0;
  }
}

@media screen and (max-width: 480px){
  .grid_by_portfolio {
    margin-bottom: 0;
  }
  /*.grid_by_portfolio__row{*/
  /*  display: block;*/
  /*}*/
  /*.grid_by_portfolio-qwrt {*/
  /*  margin-bottom: 15px;*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*}*/

  /*.grid_by_portfolio-three {*/
  /*  padding: 0;*/
  /*}*/



  /*.grid_by_portfolio-half {*/
  /*  margin-bottom: 15px;*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*}*/

  /*.grid_by_portfolio-three {*/
  /*  margin-bottom: 15px;*/
  /*}*/

  /*.grid_by_portfolio-full {*/
  /*  margin-bottom: 15px;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.pl-full {*/
  /*  margin-top: 10px;*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*  display: flex;*/
  /*  flex-wrap: wrap;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.pl-full .grid_by_portfolio__row:nth-of-type(2n + 1){*/
  /*  padding-right: 0px;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.pl-full .grid_by_portfolio__row:nth-of-type(2n){*/
  /*  padding-left: 0px;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.pl-full p, .grid_by_portfolio-qwrt.pl-full img {*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*}*/
  /*.grid_by_portfolio-qwrt.special-full{*/
  /*  display: flex;*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*  margin-bottom: 20px;*/
  /*  flex-wrap: wrap;*/
  /*}*/

  /*.grid_by_portfolio-qwrt.special-full img, .grid_by_portfolio-qwrt.special-full p{*/
  /*  flex: 0 0 100%;*/
  /*  max-width: 100%;*/
  /*}*/
}


.text--light {
  font-weight: 100
}

.text--regular {
  font-weight: 400
}

.text--strong {
  font-weight: 700
}

.text--normal {
  font-weight: 400
}

.text--italic {
  font-style: italic
}

.text--upper {
  text-transform: uppercase
}

.text--lower {
  text-transform: lowercase
}

.text--reset {
  text-decoration: none;
  text-transform: none
}

.text--right {
  text-align: right
}

.text--left {
  text-align: left
}

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

.text--justify {
  text-align: justify
}

.text--underline {
  text-decoration: underline
}

.text--weighted {
  display: block
}

.text--letter-space {
  letter-spacing: 5px
}

.text--shadow {
  text-shadow: 0 0 20px #000
}

.text--shadow-small {
  text-shadow: 0 0 10px #000
}

.text--shadow-large {
  text-shadow: 0 0 40px #000
}

.text--small {
  font-size: .8125rem;
  line-height: .8125rem
}

.title--small {
  word-wrap: break-word;
  letter-spacing: 5px;
  font-size: 1rem;
  line-height: 1rem
}

.title--medium {
  font-size: 1.875rem;
  line-height: 1.875rem
}

.title--medium,
.title--medium-to-large {
  word-wrap: break-word;
  letter-spacing: 2px
}

.title--medium-to-large {
  font-size: 2.3rem;
  line-height: 2.3rem;
  padding-right: 20px;
}

@media screen and (max-width:480px) {
  .title--medium-to-large {
    font-size: 1.875rem;
    line-height: 1.875rem
  }
}

.title--large {
  word-wrap: break-word;
  font-size: 4.375rem;
  line-height: 4.375rem
}

@media screen and (max-width:480px) {
  .title--large {
    font-size: 2.75rem;
    line-height: 2.75rem
  }
}

.title--xlarge {
  word-wrap: break-word;
  font-size: 8.125rem;
  line-height: 8.125rem
}

@media screen and (max-width:680px) {
  .title--xlarge {
    font-size: 5rem;
    line-height: 3.75rem
  }
}

@media screen and (max-width:480px) {
  .title--xlarge {
    font-size: 3.4375rem;
    line-height: 3.75rem
  }
}

.title--xxlarge {
  word-wrap: break-word;
  font-size: 9.375rem;
  line-height: 9.375rem
}

@media screen and (max-width:860px) {
  .title--xxlarge {
    font-size: 4.375rem;
    line-height: 4.375rem
  }
}

@media screen and (max-width:480px) {
  .title--xxlarge {
    font-size: 1.875rem;
    line-height: 1.875rem
  }
}

.title--cursive {
  font-family: "cursive"
}

.color--white {
  color: #fff
}

.color--black {
  color: #000
}

.color--primary {
  color: #78716e
}

.color--secondary {
  color: #eae9e5
}

.overflow--hidden {
  overflow: hidden
}

.overflow--visible {
  overflow: visible
}

.overflow--auto {
  overflow: auto
}

.overflow--scroll {
  overflow: scroll
}

.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.vertical-align--abs {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

@font-face {
  font-family: "cursive";
  src: url(./src/fonts/BiloxiScript.eot) format("embedded-opentype"), url(./src/fonts/BiloxiScript.woff) format("woff"), url(./src/fonts/BiloxiScript.ttf) format("truetype");
  font-style: normal
}

@font-face {
  font-family: Fonticons;
  src: url(./src/fonts/icons.eot);
  src: url(./src/fonts/icons.eot?#iefix) format("embedded-opentype"), url(./src/fonts/icons.woff) format("woff"), url(./src/fonts/icons.ttf) format("truetype"), url(./img/icons.svg#untitled-font-62) format("svg");
  font-style: normal;
  font-weight: 400
}

[data-icon]:before {
  content: attr(data-icon)
}

[class*=" icon-"]:before,
[class^=icon-]:before,
[data-icon]:before {
  font-family: Fonticons;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  speak: none
}

.icon-ios-arrow-down:before {
  content: "a"
}

.icon-ios-arrow-left:before {
  content: "b"
}

.icon-ios-arrow-right:before {
  content: "c"
}

.icon-ios-arrow-up:before {
  content: "d"
}

.icon-facebook-square:before {
  content: "e"
}

.icon-twitter-square:before {
  content: "f"
}

.icon-instagram:before {
  content: "g"
}

.icon-heart-o:before {
  content: "h"
}

.icon-pinterest-square:before {
  content: "i"
}

.icon-arrowdown:before {
  content: "j"
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0)
  }
  40% {
    transform: translateY(-30px)
  }
  60% {
    transform: translateY(-15px)
  }
}

.lazyanim {
  position: relative
}

.lazyanim.fadein img {
  transform: scale(1) translate(-50%, -50%);
  opacity: 1
}

.lazyanim.fadein:after {
  width: 0
}

.lazyanim img {
  transform: scale(.8) translate(-50%, -50%);
  transition: all .7s ease;
  opacity: 0
}

.lazyanim:after {
  content: "";
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  background-color: #fff;
  transition: all .7s ease
}

.diagonal-line,
.lazyanim:after {
  position: absolute;
  display: block;
  width: 100%
}

.diagonal-line {
  height: 50%
}

.diagonal-line line {
  stroke: #eae9e5;
  stroke-width: 1
}

.button {
  display: inline-block;
  padding: 5px 30px;
  border: 1px solid #78716e;
  border-radius: 30px;
  color: #78716e;
  text-transform: uppercase;
  transition: all .2s ease
}

.button--solid {
  background-color: #fff;
  border: 1px solid #fff
}

.button--solid:hover {
  background-color: #78716e;
  border-color: #78716e;
  color: #fff
}

.button--large {
  width: 100%;
  max-width: 160px
}

.button--center {
  display: block;
  margin: 0 auto
}

.button:hover {
  background-color: #78716e;
  color: #fff
}

.footer {
  position: relative;
  z-index: 1;
  display: block;
  padding: 20px 0 0;
  background-color: #eae9e5
}

.footer__column {
  display: block;
  float: left;
  margin-bottom: 20px
}

.footer__column--nm {
  margin: 0
}

.footer__column--half {
  width: 50%
}

@media screen and (max-width:680px) {
  .footer__column--half {
    width: 100%
  }
}

.footer__column--logo {
  width: 10%
}

.footer__column--logo img {
  display: block;
  width: 100%;
  max-width: 100px
}

@media screen and (max-width:1040px) {
  .footer__column--logo img {
    margin: 0 auto
  }
}

@media screen and (max-width:1040px) {
  .footer__column--logo {
    width: 25%
  }
}

@media screen and (max-width:680px) {
  .footer__column--logo {
    width: 100%
  }
}

.footer__column--nav {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

@media screen and (max-width:1040px) {
  .footer__column--nav {
    flex-direction: column;
    width: 75%;
    align-items: flex-end;
    margin-top: 0;
  }
}

@media screen and (max-width:680px) {
  .footer__column--nav {
    width: 100%;
  }
}

.footer__column--social {
  width: 25%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
}

.footer__column--social .social-link {
  display: inline-block;
  padding: 0 15px;
  font-size: 1.375rem;
  line-height: 1.375rem
}

@media screen and (max-width:1040px) {
  .footer__column--social {
    width: 50%;
    text-align: center
  }
}

@media screen and (max-width:680px) {
  .footer__column--social {
    width: 100%;
    justify-content: center;
  }
}

.footer__column--form {
  width: 35%;
  margin-bottom: 0
}

@media screen and (max-width:1040px) {
  .footer__column--form {
    width: 50%
  }
}

@media screen and (max-width:680px) {
  .footer__column--form {
    width: 100%;
    margin-bottom: 20px
  }
}

.footer__nav {
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  list-style: none
}

.footer__nav__item {
  display: block;
  line-height: 22px
}

@media screen and (max-width:1040px) {
  .footer__nav {
    margin-bottom: 15px;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 17px;
  }
}
@media screen and (max-width:480px) {
  .footer__nav {
    display: block;
  }
  .footer__nav__item {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}

.footer__nav__link {
  text-transform: uppercase;
  font-size: .8125rem;
  line-height: .8125rem
}

.footer__bottom {
  display: block;
  padding: 5px 0;
  background-color: #78716e
}

.footer__bottom .footer__column:nth-child(2) {
  text-align: right
}

@media screen and (max-width:680px) {
  .footer__bottom .footer__column,
  .footer__bottom .footer__column:nth-child(2) {
    text-align: center
  }
}

.footer__site-by {
  margin-bottom: 30px;
  text-align: right;
  text-transform: uppercase
}

.footer__site-by .copyright {
  display: inline-block;
  padding-right: 30px;
  font-size: .5rem;
  line-height: .5rem
}

@media screen and (max-width:680px) {
  .footer__site-by .copyright {
    display: block;
    margin-bottom: 20px;
    padding-right: 0;
    font-size: .6875rem;
    line-height: .6875rem
  }
}

.footer__site-by a {
  margin-right: 30px;
  font-size: .5rem;
  line-height: .5rem
}

@media screen and (max-width:680px) {
  .footer__site-by a {
    display: block;
    font-size: .6875rem;
    line-height: .6875rem
  }
}

@media screen and (max-width:680px) {
  .footer__site-by {
    text-align: center
  }
}

.form.is-success {
  pointer-events: none
}

.form.is-success .button,
.form.is-success .form__field {
  transition: opacity .5s ease-in-out;
  opacity: .5
}

.form__field {
  position: relative;
  display: block;
  width: 100%;
  margin: 5px 0;
  transition: opacity .5s ease-in-out
}

.form__field--full {
  margin-bottom: 20px
}

.form__field--half {
  float: left;
  width: 48%;
  margin: 10px 1%
}

@media screen and (max-width:480px) {
  .form__field--half {
    width: 98%
  }
}

.form__field--match-half {
  float: left;
  width: 98%;
  margin: 10px 1%
}

.form__field--recaptcha {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.form__field input[type=email],
.form__field input[type=text],
.form__field select,
.form__field textarea {
  display: inline-block;
  width: 100%;
  height: 42px;
  padding: 6px 20px;
  background-color: #eae9e5;
  border-radius: 30px;
  outline: none;
  letter-spacing: 1px;
  transition: all .2s ease
}

.form__field input[type=email].white-bg,
.form__field input[type=text].white-bg,
.form__field select.white-bg,
.form__field textarea.white-bg {
  background-color: #fff
}

.form__field input[type=email].error,
.form__field input[type=text].error,
.form__field select.error,
.form__field textarea.error {
  background-color: #ee5739
}

.form__field input[type=email]:focus,
.form__field input[type=text]:focus,
.form__field select:focus,
.form__field textarea:focus {
  background-color: #d8d8d8
}

.form__field input[type=email].placeholder,
.form__field input[type=text].placeholder,
.form__field select.placeholder,
.form__field textarea.placeholder {
  color: #78716e
}

.form__field input[type=email]::-webkit-input-placeholder,
.form__field input[type=text]::-webkit-input-placeholder,
.form__field select::-webkit-input-placeholder,
.form__field textarea::-webkit-input-placeholder {
  color: #78716e
}

.form__field input[type=email]::-moz-placeholder,
.form__field input[type=text]::-moz-placeholder,
.form__field select::-moz-placeholder,
.form__field textarea::-moz-placeholder {
  color: #78716e
}

.form__field input[type=email]:-ms-input-placeholder,
.form__field input[type=text]:-ms-input-placeholder,
.form__field select:-ms-input-placeholder,
.form__field textarea:-ms-input-placeholder {
  color: #78716e
}

.form__field select {
  height: 42px
}

.form__field textarea {
  height: auto;
  resize: none
}

.form__field .select__label {
  display: none
}

.form__field .icon-arrowdown {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: .5rem;
  line-height: .5rem;
  transform: translateY(-50%)
}

.form__field input[type=submit] {
  display: inline-block;
  color: #78716e;
  text-transform: uppercase;
  letter-spacing: 2px
}

.form__field input[type=submit]:focus {
  outline: none
}

.form__field--signup {
  background-color: #fff
}

.form__field--signup input[type=email] {
  display: block;
  float: left;
  width: 70%;
  background-color: transparent;
  border-radius: 0
}

@media screen and (max-width:480px) {
  .form__field--signup input[type=email] {
    width: 60%
  }
}

.form__field--signup input[type=submit] {
  display: block;
  float: right;
  padding: 6px 20px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px
}

.form__field--signup:after,
.form__field--signup:before {
  content: " ";
  display: block
}

.form__field--signup:after {
  clear: both
}

/* .form__field--signup {
  *zoom: 1
} */

.form:after,
.form:before {
  content: " ";
  display: block
}

.form:after {
  clear: both
}

/* .form {
  *zoom: 1
} */

.form .button {
  transition: opacity .5s ease-in-out
}

.form .button:focus {
  outline: none
}

.successText {
  color: #78716e
}

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

.successText--prominent {
  padding: 0 10px;
  font-size: 1.53125rem;
  line-height: 1.53125rem;
  color: #d4af37;
  text-transform: uppercase
}

.successText--less-prominent {
  font-size: .875rem;
  line-height: .875rem;
  color: #d4af37;
  text-transform: uppercase
}

.signup__form {
  border: 1px solid #78716e;
  border-radius: 10px
}

@media screen and (max-width:480px) {
  .signup__form {
    border: none
  }
}

.checkbox__wrap {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #000
}

.checkbox__wrap input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

.checkbox__wrap .checkbox__mark {
  position: absolute;
  top: calc(50% - 1px);
  left: 50%;
  width: 0;
  height: 0;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: all .2s ease-in-out;
  opacity: 0
}

.checkbox__wrap .checkbox__mark--active {
  width: 5px;
  height: 10px;
  opacity: 1
}

.checkbox__label {
  font-size: .8em;
  cursor: pointer
}

.form__field--checkbox {
  width: auto;
  margin: 0 2em
}

.form__field--checkbox.error .checkbox__wrap {
  background-color: #ee5739
}

/*Change language block - start*/
.language{
   width: 50px;
   position: fixed;
   top: 30px;
   right: 15px;
   z-index: 30;
   text-align: center;
}
.language i{
   font-size: 7px;
   margin-left: 3px;
}
.language button{
  display: flex;
  align-items: center;
}

.language__wrapper { 
   position: relative; 
}

.language__drop-menu { 
   visibility: hidden; 
   opacity: 0;
   position: absolute;
   top: 100%;
   right: 0;
   width: 100%;
   transform: translateY(-2em);
   z-index: -1;
   transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
   box-shadow: 0 0 5px rgba(100, 100, 100, 0.5);
   min-width: 100px;
}

/* Код на чистом CSS. Не закрывается меню на мобильной версии если открыл меню - то не закрывается при свайпе пальцем. Только нужно кликнуть вне блок  .language__wrapper  */

.language__wrapper:hover .language__drop-menu,
.language__wrapper:active .language__drop-menu {
   visibility: visible; 
   opacity: 1;
   z-index: 10;
   transform: translateY(0%);
   transition-delay: 0s, 0s, 0.3s; 
}

/* Код для моб версии */
.language__drop-menu--visible{
  visibility: visible; 
  opacity: 1;
  z-index: 10;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; 
}

.language a { 
   color: rgb(120, 113, 110); 
   display: block; 
   padding: 5px 0;
   text-decoration: none; }

.language a:hover { 
   color: rgb(10, 10, 10); 
}
.language ul,
.language ul li { 
   list-style-type: none; padding: 0; margin: 0; 
}

.language > ul { 
   text-align: center; 
}

.language > ul > li { 
   display: inline-block; border-left: solid 1px #aaa; 
}

.language > ul > li:first-child { 
   border-left: none; 
}

.language__drop-menu {
   background-color: #eae9e5;
   border-radius: 13px;
}
/*Change language block - end*/

.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: #fff
}

@media screen and (max-width:1040px) {
  .header.nav-active {
    position: fixed
  }
}

@media screen and (min-width:1040px) {
  .header .navigation__wrap:first-child {
    padding-right: 7%
  }
  .header .navigation__wrap:nth-child(2) {
    padding-left: 7%
  }
}

@media screen and (max-width:1040px) {
  .header nav {
    display: table;
    width: 100%
  }
}

.header--sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  border-bottom: 1px solid #eae9e5;
  transform: translateY(-100%)
}

.header--sticky.is-visible {
  transform: translateY(0);
  transition: all .2s ease;
  overflow: visible;
}

.header--sticky+.is-front .hero__logo {
  top: 0;
  width: 0
}

.header__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 100px;
  transform: translate(-50%, -50%)
}

.header__logo img {
  max-width: 100%
}

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

@media screen and (max-width:1040px) {
  .header__logo {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    transform: translate(-50%, 0)
  }
}

@media screen and (max-width:1040px) {
  .header__column {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
  .header__column--left {
    width: 50%;
    text-align: left
  }
}

.header__mobile-btn {
  position: relative;
  z-index: 11;
  display: none;
  width: 30px;
  transition: all .2s ease
}

.header__mobile-btn--active span:first-child {
  transform: translateY(9px)
}

.header__mobile-btn--active span:nth-child(3) {
  transform: translateY(-9px)
}

.header__mobile-btn span {
  display: block;
  width: 100%;
  height: 5px;
  margin-bottom: 4px;
  background-color: #78716e;
  transition: all .2s ease
}

@media screen and (max-width:1040px) {
  .header__mobile-btn {
    display: block;
    margin-left: 20px;
    padding: 31px 0
  }
  .header__mobile-btn:after,
  .header__mobile-btn:before {
    content: " ";
    display: block
  }
  .header__mobile-btn:after {
    clear: both
  }
  /* .header__mobile-btn {
    *zoom: 1
  } */
}

.header-frontpage {
  position: fixed;
  overflow: hidden;
  transform: none
}

.header-frontpage::after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.header-frontpage .header__logo {
  top: calc(50vh - 90px);
  left: 50%;
  max-width: 160px;
  transform: translate(-50%, -50%);
  transition: all .3s
}

@media screen and (max-width:1040px) {
  .header-frontpage .header__logo {
    position: absolute;
    max-width: 200px
  }
  .header__logo img {
    width: 100%;
  }
}

.header-frontpage.header--sticky .header__logo {
  top: 50%;
  max-width: 100px;
  transform: translate(-50%, -50%)
}

.header-frontpage+.is-front .hero__logo {
  transition: all .3s
}

.hero {
  position: relative;
  margin-bottom: 80px;
}
.slick-full__container {
  min-height: calc(100vh - 90px);
  position: relative;
}

.slick-full {
  min-height: calc(100vh - 90px);
}

.slick-full__slide .img{
  min-height: calc(100vh - 90px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*.slick-full__logo {*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  z-index: 8;*/
/*  display: block;*/
/*  width: 100%;*/
/*  max-width: 600px;*/
/*  transform: translate(-50%, -50%);*/
/*}*/

@media screen and (max-width:480px) {
  .hero__title--mobile {
    font-size: 3rem;
    line-height: 3rem
  }
}

.hero__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 8;
  display: block;
  width: 100%;
  max-width: 600px;
  transform: translate(-50%, -50%)
}

@media screen and (max-width:680px) {
  .hero__logo {
    max-width: 350px
  }
}

@media screen and (max-width:480px) {
  .hero__logo {
    max-width: 200px;
    transform: translate(-50%, -70%)
  }
}

.hero__slides {
  position: relative;
  display: block;
  width: 100%
}

.hero__slides--arrows .hero__prev-next {
  display: block
}

.hero__slides__slide {
  display: block;
  width: 100%;
  height: 650px
}

.hero__slides__slide--short-height {
  height: 480px
}

@media screen and (max-width:480px) {
  .hero__slides__slide--short-height {
    height: 250px
  }
}

.hero__slides__slide--large-height {
  height: 850px
}

@media screen and (max-width:480px) {
  .hero__slides__slide--large-height {
    height: 330px
  }
}

.hero__slides__slide--large-resp-height {
  height: auto;
  padding-bottom: 60%
}

.hero__slides__slide .img {
  background-position: 50%;
  background-size: cover
}

.hero__slides__slide .img,
.hero__slides__slide iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block
}

.hero__slides__slide iframe {
  width: 100%;
  height: 100%
}

.hero__slides.flickity-enabled:focus {
  outline: none
}

.hero__slides .flickity-viewport {
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.hero__slides .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.hero__slides .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.hero__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 12;
  display: block;
  width: 100%;
  max-width: 650px;
  transform: translate(-50%, -50%)
}

.hero__overlay--fullWidth {
  max-width: 800px
}

.hero__overlay .wrapper {
  display: block;
  padding: 10px
}

.hero__overlay .wrapper img {
  width: 100%;
  max-width: 300px
}

@media screen and (max-width:680px) {
  .hero__overlay .wrapper img {
    max-width: 200px
  }
}

.hero__cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%
}

.hero__prev-next {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: none;
  color: #fff;
  font-size: 4.375rem;
  line-height: 4.375rem;
  transform: translateY(-50%)
}

.hero__prev-next.disabled {
  display: none
}

.hero__prev-next.next {
  right: 30px
}

.hero__prev-next.previous {
  left: 30px
}

.hero__prev-next:focus {
  outline: none
}

.hero__prev-next--bottom {
  top: auto;
  bottom: 60px
}

.hero__prev-next--bottom.next {
  right: 50%;
  transform: translate(60px)
}

.hero__prev-next--bottom.previous {
  left: 50%;
  transform: translate(-60px)
}

@media screen and (max-width:480px) {
  .hero__prev-next--bottom {
    bottom: 10px
  }
}

@media screen and (max-width:680px) {
  .hero__prev-next:not(.hero__prev-next--bottom).next {
    right: 10px
  }
  .hero__prev-next:not(.hero__prev-next--bottom).previous {
    left: 10px
  }
}

@media screen and (max-width:480px) {
  .hero__prev-next:not(.hero__prev-next--bottom).next {
    right: 5px
  }
  .hero__prev-next:not(.hero__prev-next--bottom).previous {
    left: 5px
  }
}

.hero__scroll {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 4.375rem;
  line-height: 4.375rem
}

.hero__scroll i {
  display: block;
  animation: bounce 4s infinite
}

@media screen and (max-width:480px) {
  .hero__scroll {
    bottom: 0
  }
}

@media screen and (max-width:480px) {
  .hero {
    margin-bottom: 20px
  }
}

.image-block {
  position: relative;
  margin-bottom: 80px
}

.image-block__flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  transition: opacity .2s ease
}

.image-block__flex:after,
.image-block__flex:before {
  content: " ";
  display: block
}

.image-block__flex:after {
  clear: both
}

/* .image-block__flex {
  *zoom: 1
} */

.image-block__block {
  position: relative;
  display: block;
  width: 33.333%;
  padding: 0 20px
}

.image-block__block--float {
  float: left;
  margin-bottom: 40px
}

@media screen and (max-width:860px) {
  .image-block__block {
    width: 50%;
    padding: 0 10px;
  }
}

@media screen and (max-width:480px) {
  .image-block__block {
    width: 100%;
    padding: 0 5px;
  }
}

.image-block__image {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden
}

.image-block__image--shorter {
  padding-bottom: 250px
}

.image-block__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  min-width: 100%;
  max-width: 110%;
  min-height: 100%;
  transform: translate(-50%, -50%)

}

@media screen and (max-width:680px) {
  .image-block__image {
    height: auto;
    padding-bottom: 75%
  }
  .image-block__image--shorter {
    padding-bottom: 65%
  }
}

.image-block__image--press {
  height: 500px
}

@media screen and (max-width:680px) {
  .image-block__image--press {
    height: auto;
    padding-bottom: 120%
  }
  .image-block__image--press img {
    min-width: auto;
    max-width: 100%;
    min-height: auto
  }
}

.image-block__overlay {
  position: absolute;
  top: 12%;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%
}

.image-block__overlay .title--small {
  letter-spacing: 5px
}

.image-block__overlay .title--large {
  max-width: 90%;
  margin: 0 auto;
  font-size: 3.75rem;
  line-height: 3.75rem;
  text-shadow: 0 0 15px #000;
}

@media screen and (max-width:1040px) {
  .image-block__overlay .title--large {
    font-size: 2.5rem;
    line-height: 2.5rem
  }
}

@media screen and (max-width:1040px) {
  .image-block__overlay {
    top: 20%
  }
}

.image-block__content {
  /* display: block; */
  width: 100%;
  min-height: 250px;
  padding-top: 30px;
  padding-bottom: 15px;
  background-color: #eae9e5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.image-block__content a{
  width: fit-content;
}

.image-block__content--normal {
  min-height: auto;
  padding: 40px 0
}

.image-block__content .paragraph {
  display: block;
  max-width: 90%;
  min-height: 100px;
  margin: 0 auto 30px
}

.image-block__content .paragraph p {
  margin-bottom: 0;
  line-height: 25px
}

@media screen and (max-width:480px) {
  .image-block__content {
    min-height: 0;
    padding-bottom: 25px;
  }
  .image-block__content .paragraph{
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 18px;
    min-height: 0;
  }
  .image-block__content .paragraph p {
    font-size: 13px;
    line-height: 1.8;
  }
}

.image-block.flickity-enabled:focus {
  outline: none
}

.image-block .flickity-viewport {
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.image-block .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.image-block .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.logos {
  position: relative;
  margin-bottom: 80px
}

.logos__strip {
  position: relative;
  display: block;
  width: 100%
}

.logos__strip.flickity-enabled:focus {
  outline: none
}

.logos__strip .flickity-viewport {
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.logos__strip .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.logos__strip .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.logos__strip:after,
.logos__strip:before {
  content: " ";
  display: block
}

.logos__strip:after {
  clear: both
}

/* .logos__strip {
  *zoom: 1
} */

.logos__cell {
  position: relative;
  display: block;
  width: 16.666%;
  min-height: 150px
}

.logos__cell img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80%;
  max-width: 300px;
  padding: 0 20px;
  transform: translate(-50%, -50%);
  opacity: .5
}

@media screen and (max-width:1040px) {
  .logos__cell {
    width: 33.333%
  }
}

.navigation {
  width: 100%;
  padding: 30px 0
}

.navigation,
.navigation__wrap {
  display: block;
  transition: all .2s ease
}

.navigation__wrap {
  float: left;
  width: 50%
}

.navigation__wrap:first-child {
  text-align: right
}

.navigation__wrap:nth-child(2) {
  text-align: left
}

@media screen and (max-width:1040px) {
  .navigation__wrap {
    float: none;
    width: 100%
  }
  .navigation__wrap:first-child,
  .navigation__wrap:nth-child(2) {
    text-align: center
  }
}

.navigation__item--active .navigation__link:before {
  width: 100%;
  opacity: 1
}

@media screen and (max-width:1040px) {
  .navigation__item {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 0
  }
}

.navigation__item,
.navigation__sub-menu__item {
  position: relative;
  display: inline-block;
  padding: 0 3%
}

.navigation__item:hover .navigation__sub-menu,
.navigation__sub-menu__item:hover .navigation__sub-menu {
  opacity: 1;
  visibility: visible
}

.navigation__link,
.navigation__sub-menu__link {
  position: relative;
  padding: 3px 10px;
  color: #78716e;
  font-size: .9375rem;
  line-height: .9375rem;
  text-transform: uppercase
}

.navigation__link span,
.navigation__sub-menu__link span {
  position: relative;
  z-index: 1
}

.navigation__link:before,
.navigation__sub-menu__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #eae9e5;
  border-radius: 13px;
  transition: all .4s ease;
  opacity: 0
}

.navigation__link:hover,
.navigation__sub-menu__link:hover {
  color: #000
}

@media screen and (min-width:680px) {
  .navigation__link:hover:before,
  .navigation__sub-menu__link:hover:before {
    width: 100%;
    opacity: 1
  }
}

.navigation__link:active:before,
.navigation__sub-menu__link:active:before {
  width: 0;
  opacity: 0
}

.navigation__sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  background-color: #fff;
  list-style: none;
  transition: all .4s ease;
  opacity: 0;
  visibility: hidden
}

.navigation__sub-menu__item {
  display: block;
  padding-top: 10px;
  text-align: center
}

.navigation__sub-menu__item:first-of-type {
  padding-top: 15px
}

@media screen and (max-width:1040px) {
  .navigation__sub-menu__item,
  .navigation__sub-menu__item:first-of-type {
    padding-top: 0
  }
}

.navigation__sub-menu__link {
  display: inline-block;
  padding: 5px 0
}

@media screen and (max-width:1040px) {
  .navigation__sub-menu {
    position: relative;
    top: auto;
    left: auto;
    height: 0;
    padding: 0;
    overflow: hidden
  }
  .navigation__sub-menu.is-active {
    height: auto;
    padding: 10px 0;
    overflow: auto;
    opacity: 1;
    visibility: visible
  }
}

@media screen and (max-width:1040px) {
  .navigation {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    max-width: 300px;
    height: 100vh;
    overflow-y: auto;
    background-color: #fff;
    border-right: 1px solid #eae9e5;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden
  }
  .navigation--active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
  }
}

@media screen and (max-width:480px) {
  .navigation {
    max-width: 100%;
    border-right: 0
  }
}

.navigation:after,
.navigation:before {
  content: " ";
  display: block
}

.navigation:after {
  clear: both
}

/* .navigation {
  *zoom: 1
} */

.paginator {
  margin-bottom: 80px
}

.paginator__post {
  display: block;
  float: left;
  width: 49.5%;
  height: 400px;
  margin-bottom: 20px;
  padding: 8% 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.paginator__post--full {
  width: 100%
}

.paginator__post--full:first-child {
  margin-right: 0
}

.paginator__post--full:nth-child(2) {
  margin-left: 0
}

@media screen and (max-width:480px) {
  .paginator__post .title--large {
    font-size: 3rem;
    line-height: 3rem
  }
}

.paginator__post:first-child {
  margin-right: .5%
}

.paginator__post:nth-child(2) {
  margin-left: .5%
}

@media screen and (max-width:860px) {
  .paginator__post {
    width: 100%;
    height: auto
  }
  .paginator__post:first-child {
    margin-right: 0
  }
  .paginator__post:nth-child(2) {
    margin-left: 0
  }
}

.paginator:after,
.paginator:before {
  content: " ";
  display: block
}

.paginator:after {
  clear: both
}

/* .paginator {
  *zoom: 1
} */

.promo {
  margin-bottom: 80px
}

.promo__content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 60%;
  background-color: #eae9e5
}

.promo__content__inner {
  display: block;
  max-width: 500px;
  max-height: 680px;
  margin: 0 auto;
  padding: 12% 0;
  overflow-y: auto
}

.promo__content__inner .content {
  margin: 20px 0
}

.promo__content__inner .content.active .elipse {
  display: none
}

.promo__content__inner .elipse {
  display: inline
}

.promo__content__inner .more-content {
  display: none
}

@media screen and (max-width:480px) {
  .promo__content__inner .title--large {
    font-size: 2.375rem;
    line-height: 2.375rem
  }
}

@media screen and (max-width:480px) {
  .promo__content__inner {
    padding: 20% 0
  }
}

@media screen and (max-width:1040px) {
  .promo__content {
    width: 50%;
    padding: 0 20px
  }
}

@media screen and (max-width:680px) {
  .promo__content {
    display: block;
    width: 100%
  }
}

.promo__images {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 40%;
  padding-left: 30px
}

.promo__images--reverse {
  padding-right: 30px;
  padding-left: 0
}

@media screen and (max-width:1040px) {
  .promo__images {
    width: 50%
  }
}

@media screen and (max-width:680px) {
  .promo__images {
    display: block;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    min-height: 500px;
    margin-bottom: 30px;
    padding: 0
  }
}

.promo__subcopy {
  padding: 20px 0;
  text-align: center
}

.promo__stamp {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%
}

.promo__stamp--static {
  position: relative;
  top: auto;
  left: auto;
  margin-bottom: 30px
}

.promo__stamp--static .promo__stamp__brick {
  max-width: none;
  margin: 0 auto;
  border: 0;
  transform: translateY(0)
}

.promo__stamp__inner {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto
}

@media screen and (max-width:1040px) {
  .promo__stamp__inner {
    padding: 0 20px
  }
}

.promo__stamp__brick {
  display: block;
  width: 100%;
  max-width: 135px;
  height: auto;
  padding: 10px 20px 12px;
  background-color: #fff;
  border: 1px solid #dad9d6;
  transform: translateY(-50%)
}

.promo__stamp__brick .title {
  margin: 0
}

.promo__stamp__brick .title--medium {
  font-size: 2.5rem;
  line-height: 2.5rem
}

.promo__slides {
  position: relative;
  display: block;
  width: 100%
}

@media screen and (min-width:480px) {
  .promo__slides--padding {
    padding: 0 8%
  }
}

.promo__slides__slide {
  position: relative;
  display: block;
  width: 100%;
  min-height: 700px
}

.promo__slides__slide--first {
  min-height: 800px;
  margin-bottom: 50px
}

.promo__slides__slide .wrapper {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%
}

@media screen and (max-width:680px) {
  .promo__slides__slide .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.promo__slides__slide.slide__inner {
  position: absolute;
  left: 0
}

.promo__slides__slide .img {
  background-position: 50%;
  background-size: cover
}

.promo__slides__slide .img,
.promo__slides__slide iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block
}

.promo__slides__slide iframe {
  width: 100%;
  height: 100%
}

@media screen and (max-width:680px) {
  .promo__slides__slide {
    min-height: 1000px
  }
  .promo__slides__slide--small {
    min-height: 400px
  }
}

@media screen and (max-width:680px) {
  .promo__slides__slide {
    min-height: 500px
  }
  .promo__slides__slide--small {
    min-height: 300px
  }
}

.promo__slides.flickity-enabled:focus {
  outline: none
}

.promo__slides .flickity-viewport {
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  transition: all .2s ease
}

.promo__slides .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.promo__slides .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.promo__slides .flickity-prev-next-button {
  display: none
}

.promo__cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%
}

.promo__prev-next {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: block;
  color: #fff;
  font-size: 4.375rem;
  line-height: 4.375rem;
  transform: translateY(-50%)
}

.promo__prev-next--major {
  transform: translateY(50%)
}

.promo__prev-next--inverse-color {
  color: #78716e
}

.promo__prev-next.disabled {
  display: none
}

.promo__prev-next.next {
  right: -5px
}

.promo__prev-next.previous {
  left: -5px
}

.promo__prev-next:focus {
  outline: none
}

@media screen and (max-width:480px) {
  .promo__prev-next.next {
    right: 5px
  }
  .promo__prev-next.previous {
    left: 5px
  }
  .promo__prev-next--major.next {
    top: 0;
    right: 0;
    transform: translateY(0)
  }
  .promo__prev-next--major.previous {
    top: 0;
    left: 0;
    transform: translateY(0)
  }
}

.promos {
  margin-bottom: 80px
}

.promos__promo {
  display: table;
  border-spacing: 30px 0;
  width: 100%;
  margin-bottom: 30px
}

.promos__content {
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  background-color: #eae9e5
}
.promos__content.half {
  width: 55%;
}

.promos__content__inner {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  padding: 5% 0
}

@media screen and (min-width:680px) {
  .promos__content__inner {
    max-height: 500px;
    overflow-y: auto
  }
}

@media screen and (max-width:480px) {
  .promos__content__inner {
    padding: 25px 0
  }
}

.promos__content .content {
  margin: 20px 0
}

.promos__content .content.active .elipse {
  display: none
}

.promos__content .content .elipse {
  display: inline
}

.promos__content .content .more-content {
  display: none
}

@media screen and (max-width:860px) {
  .promos__content {
    width: 50%;
    padding: 0 20px
  }
}

@media screen and (max-width:680px) {
  .promos__content {
    display: block;
    width: 100%;
    margin-bottom: 30px
  }
}

.promos__slides,
.promos__slides__slide {
  position: relative;
  display: block;
  width: 100%
}

.promos__slides__slide {
  min-height: 500px
}

@media screen and (max-width:680px) {
  .promos__slides__slide {
    min-height: 500px
  }
}

.promos__slides.flickity-enabled:focus {
  outline: none
}

.promos__slides .flickity-viewport {
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.promos__slides .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.promos__slides .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.promos__images {
  display: table-cell;
  vertical-align: middle;
  width: 30%
}
.promos__images.half {
  width: 45%
}

.promos__images--border {
  border: 1px solid #78716e
}

@media screen and (max-width:860px) {
  .promos__images {
    width: 50%
  }
}

@media screen and (max-width:680px) {
  .promos__images {
    display: block;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    min-height: 500px;
    margin-bottom: 30px
  }
}

.promos__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block
}

.promos__image--bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.promos__prev-next {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: block;
  color: #fff;
  font-size: 4.375rem;
  line-height: 4.375rem;
  transform: translateY(-50%)
}

.promos__prev-next--inverse-color {
  color: #78716e
}

.promos__prev-next.disabled {
  display: none
}

.promos__prev-next.next {
  right: -5px
}

.promos__prev-next.previous {
  left: -5px
}

.promos__prev-next:focus {
  outline: none
}

@media screen and (max-width:480px) {
  .promos__prev-next.next {
    right: 5px
  }
  .promos__prev-next.previous {
    left: 5px
  }
}


@media screen and (max-width:680px) {
  .promos__promo {
    display: flex;
    flex-direction: column-reverse;
    padding-right: 10px;
    padding-left: 10px;
  }
  .promos__slides__slide {
    min-height: 300px;
  }

  .promos__content.half{
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0;
  }

  .promos__images{
    margin-bottom: 0;
    min-height: 300px;
  }

  .promos__images.half {
    width: 100%;
    flex: 0 0 100%;
  }
}

.social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 80px;
  overflow: hidden
}

.social__column--color {
  background-color: #eae9e5
}

.social__column--intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  width: 33.333%;
  padding: 60px 20px
}

@media (max-width:840px) {
  .social__column--intro {
    width: 100%;
    padding: 30px 20px
  }
}

.social__column--wrapper {
  -ms-flex-positive: 1;
  flex-grow: 1
}

.social__post {
  position: relative;
  display: block;
  float: left;
  padding: 0 10px
}

.social__post--block .social__post__inner {
  max-width: 400px;
  margin: 0 auto;
  padding-bottom: 0
}

.social .title--large {
  margin: 30px 0;
  font-size: 3.125rem;
  line-height: 3.125rem
}

.social #sb_instagram {
  padding: 0!important
}

@media (max-width:840px) {
  .social #sb_instagram {
    width: calc(100% + 40px)!important;
    margin: 0 -20px!important
  }
}

.social #sb_instagram>#sb_images {
  margin: -20px -20px -40px
}

@media (max-width:480px) {
  .social #sb_instagram .sbi_item {
    width: 50%!important
  }
}

.social #sb_instagram .sbi_photo_wrap {
  height: 0!important;
  padding-bottom: 100%!important
}

.text-block {
  margin-bottom: 80px
}

.text-block .title--medium-to-large {
  line-height: 3.2rem;
}

.text-block__column {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 30px
}

.text-block__column--half {
  width: 50%
}

@media screen and (max-width:680px) {
  .text-block__column--half {
    width: 100%
  }
}

.text-block:after,
.text-block:before {
  content: " ";
  display: block
}

.text-block:after {
  clear: both
}

/* .text-block {
  *zoom: 1
} */

.textimg-block {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 80px
}

.textimg-block__column {
  display: table-cell;
  vertical-align: middle;
  width: 50%
}

.textimg-block__column--text {
  background-color: #eae9e5
}

.textimg-block__column .wrapper {
  display: block;
  width: 100%
}

.textimg-block__column .wrapper .title--small {
  letter-spacing: 5px
}

.textimg-block__column .wrapper .title--large {
  margin: 20px 0
}

@media screen and (max-width:480px) {
  .textimg-block__column .wrapper .title--large {
    font-size: 2.375rem;
    line-height: 2.375rem
  }
}

.textimg-block__column .wrapper__content {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px
}

.textimg-block__column .wrapper__content p {
  color: #78716e
}

.textimg-block__column .wrapper__content .content {
  margin: 20px 0
}

@media screen and (max-width:680px) {
  .textimg-block__column {
    display: block;
    width: 100%;
    margin-bottom: 20px
  }
}

.textimg-block__column:after,
.textimg-block__column:before {
  content: " ";
  display: block
}

.textimg-block__column:after {
  clear: both
}

/* .textimg-block__column {
  *zoom: 1
} */

.textimg-block__image {
  position: relative;
  display: block;
  float: left;
  width: 47%;
  height: 480px;
  margin: 0 1.5%;
  overflow: hidden;
  transition: all .4s ease
}

.textimg-block__image--mt {
  margin-top: 20%
}

.textimg-block__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto
}

@media screen and (min-width:680px) and (max-width:860px) {
  .textimg-block__image {
    float: none;
    width: 80%;
    margin: 0 10%
  }
  .textimg-block__image--mt {
    margin-top: 10%
  }
}

@media screen and (max-width:680px) {
  .textimg-block__image {
    height: auto;
    padding-bottom: 65%
  }

  .grid_by_portfolio__row.mobile-column {
    flex-direction: column;
  }
}

@media screen and (max-width:1280px) {
  .grid_by_portfolio__row.mobile-column {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .grid_by_portfolio__row.mobile-column {
    p {
      padding: 10px;
    }
  }

  .grid_by_portfolio__row.mobile-column .grid_by_portfolio-half {
    padding: 0;
  }

  .grid_by_portfolio-three {
    padding: 0 5px;
  }

}

.textimg-block:after,
.textimg-block:before {
  content: " ";
  display: block
}

.textimg-block:after {
  clear: both
}

/* .textimg-block {
  *zoom: 1
} */

.contact {
  margin-bottom: 80px
}

.contact__blocks {
  display: table;
  border-spacing: 20px 0;
  width: 100%
}

.contact__blocks__cell {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  background-color: #eae9e5
}

.contact__blocks__cell .wrapper {
  display: block;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  padding: 10% 10px
}

.contact__blocks__cell .paragraph {
  margin: 20px 0
}

.contact__blocks__cell .social-link {
  display: inline-block;
  padding-right: 20px;
  font-size: 1.375rem;
  line-height: 1.375rem
}

@media screen and (max-width:680px) {
  .contact__blocks__cell {
    display: block;
    width: 100%;
    margin-bottom: 20px
  }
}

@media screen and (max-width:680px) {
  .contact__blocks {
    display: block
  }
}

.images {
  margin-bottom: 80px
}

.images__wrapper {
  display: block
}

.images__wrapper:after,
.images__wrapper:before {
  content: " ";
  display: block
}

.images__wrapper:after {
  clear: both
}

/* .images__wrapper {
  *zoom: 1
} */

.images__column {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 10px
}

@media screen and (max-width:680px) {
  .images__column {
    width: 100%
  }
}

.images__column:after,
.images__column:before {
  content: " ";
  display: block
}

.images__column:after {
  clear: both
}

/* .images__column {
  *zoom: 1
} */

.images__image {
  position: relative;
  display: block;
  float: left;
  width: 48%;
  margin: 0 1% 2%;
  padding-bottom: 55%;
  overflow: hidden;
  transition: all .4s ease;
  background-position: 50%;
  background-size: cover
}

.images__image--fullWidth {
  width: 98%
}

.images__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  transform: translate(-50%, -50%)
}

.images__image--long {
  margin: 0 1%;
  padding-bottom: 112%
}

@media screen and (max-width:1200px) {
  .images__image--long img {
    min-height: auto;
    max-height: 100%
  }
}

@media screen and (max-width:1200px) {
  .images__image--small img {
    width: 100%;
    min-width: auto;
    min-height: auto
  }
}

.hero__slides__slide .hero__video--vimeo {
  width: 100vw;
  height: 56.25vw;
  min-width: 177.77vh;
  min-height: 100vh
}

.container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 10px;
  padding: 0 10px
}

.container--nm {
  margin: 0 auto
}

.container--large {
  max-width: 1380px
}

.container--x-large {
  max-width: 1600px
}

.container--xx-large {
  max-width: 1700px
}

.container--full-width {
  max-width: 100%;
  padding: 0
}

.container:after,
.container:before {
  content: " ";
  display: block
}

.container:after {
  clear: both
}

/* .container {
  *zoom: 1
} */

.main {
  position: relative;
  z-index: 1;
  padding-top: 90px
}

.flickity-prev-next-button {
  display: none
}

.vip-tour {
  position: absolute;
  display: flex;
  bottom: 6.3%;
  left: 0;
  right: 0;
  height: 8%
}

.vip-tour__link-1 {
  display: block;
  width: 19.2%;
  height: 100%;
  margin-left: 6%;
}

.vip-tour__link-2 {
  display: block;
  width: 15%;
  height: 100%;
  margin-left: 1.4%;
}

.vip-tour__link-3 {
  display: block;
  width: 17.3%;
  height: 100%;
  margin-left: 10%;
}

.vip-tour__link-4 {
  display: block;
  width: 17%;
  height: 100%;
  margin-left: 1.3%;
}

@media screen and (max-width: 768px){
  .container {
    padding: 0;
  }
}

.plb { position: fixed; inset: 0; background: rgba(0,0,0,.85); display: none; z-index: 999999; }
.plb.is-open { display: block; }
.plb__slider {
  width: 100%;
  height: 90vh;
   margin: 40px auto; }

.plb__slide--item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90vh;
  padding: 10px;
}

.plb__slider--item img {
  max-width: 100%;
  max-height: 100%;
}

.plb__slider .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding-top: 10px;
  visibility: hidden;
}

.plb__slider .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.plb__slider .slick-dots li button {
  font-size: 0;
  outline: none;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: white;
  opacity: 0.5;
}
.plb__slider .slick-dots li.slick-active button {
  background-color: orange;
}


/*.plb__slide img { max-width: 100%; max-height: 100%: auto; display: block; }*/
.plb__close { position: absolute; top: 10px; right: 14px; font-size: 32px; background: none; color: #fff; border: 0; cursor: pointer; }
body.plb-no-scroll { overflow: hidden; }