body { 
    opacity: 0;
    transition: opacity .3s;
  }
  
  .form-message-ok {
    text-align: center;
    padding: 15px 0;
    color: #1ab31a;
}

.form-message-error {
    text-align: center;
    padding: 15px 0;
    color: #e02f03;
}

  .privacy-label__label::before,
  .addresses__title,
  .radio__txt {
    cursor: pointer;
  }

  .radio__txt:hover {
    transition: .3s;
    border: 1px solid #FFFFFF;
  }

  .send-btn {
    min-height: 92px;
    cursor: pointer;
    transition: .3s;
  }
.slick-slider {
position:relative;
display:block;
box-sizing:border-box;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent
}

.slick-list {
position:relative;
overflow:hidden;
display:block;
margin:0;
padding:0
}

.slick-list:focus {
outline:0
}

.slick-list.dragging {
cursor:pointer;
cursor:hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
transform:translate3d(0,0,0)
}

.slick-track {
position:relative;
left:0;
top:0;
display:block;
margin-left:auto;
margin-right:auto
}

.slick-track:after,.slick-track:before {
content:"";
display:table
}

.slick-track:after {
clear:both
}

.slick-loading .slick-track {
visibility:hidden
}

.slick-slide {
float:left;
height:100%;
min-height:1px;
display:none
}

[dir=rtl] .slick-slide {
float:right
}

.slick-slide img {
display:block
}

.slick-slide.slick-loading img {
display:none
}

.slick-slide.dragging img {
pointer-events:none
}

.slick-initialized .slick-slide {
display:block
}

.slick-loading .slick-slide {
visibility:hidden
}

.slick-vertical .slick-slide {
display:block;
height:auto;
border:1px solid transparent
}

.slick-arrow.slick-hidden {
display:none
}

body.compensate-for-scrollbar {
overflow:hidden
}

.fancybox-active {
height:auto
}

.fancybox-is-hidden {
left:-9999px;
margin:0;
position:absolute!important;
top:-9999px;
visibility:hidden
}

.fancybox-container {
backface-visibility:hidden;
height:100%;
left:0;
outline:0;
position:fixed;
-webkit-tap-highlight-color:transparent;
top:0;
touch-action:manipulation;
transform:translateZ(0);
width:100%;
z-index:99992
}

.fancybox-container * {
box-sizing:border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
bottom:0;
left:0;
position:absolute;
right:0;
top:0
}

.fancybox-outer {
-webkit-overflow-scrolling:touch;
overflow-y:auto
}

.fancybox-bg {
background:#1e1e1e;
opacity:0;
transition-duration:inherit;
transition-property:opacity;
transition-timing-function:cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
opacity:.87;
transition-timing-function:cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
direction:ltr;
opacity:0;
position:absolute;
transition:opacity .25s ease,visibility 0 ease .25s;
visibility:hidden;
z-index:99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
opacity:1;
transition:opacity .25s ease 0s,visibility 0 ease 0;
visibility:visible
}

.fancybox-infobar {
color:#ccc;
font-size:13px;
-webkit-font-smoothing:subpixel-antialiased;
height:44px;
left:0;
line-height:44px;
min-width:44px;
mix-blend-mode:difference;
padding:0 10px;
pointer-events:none;
top:0;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}

.fancybox-toolbar {
right:0;
top:0
}

.fancybox-stage {
direction:ltr;
overflow:visible;
transform:translateZ(0);
z-index:99994
}

.fancybox-is-open .fancybox-stage {
overflow:hidden
}

.fancybox-slide {
-webkit-backface-visibility:hidden;
display:none;
height:100%;
left:0;
outline:0;
overflow:auto;
-webkit-overflow-scrolling:touch;
padding:44px 44px 0;
position:absolute;
text-align:center;
top:0;
transition-property:transform,opacity;
white-space:normal;
width:100%;
z-index:99994
}

.fancybox-slide::before {
content:"";
display:inline-block;
font-size:0;
height:100%;
vertical-align:middle;
width:0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
display:block
}

.fancybox-slide--next {
z-index:99995
}

.fancybox-slide--image {
overflow:hidden;
padding:44px 0 0
}

.fancybox-slide--image::before {
display:none
}

.fancybox-slide--html {
padding:6px 6px 0
}

.fancybox-content {
background:#fff;
display:inline-block;
margin:0 0 44px;
max-width:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
padding:44px;
position:relative;
text-align:left;
vertical-align:middle
}

.fancybox-slide--image .fancybox-content {
animation-timing-function:cubic-bezier(.5,0,.14,1);
-webkit-backface-visibility:hidden;
background:0 0;
background-repeat:no-repeat;
background-size:100% 100%;
left:0;
max-width:none;
overflow:visible;
padding:0;
position:absolute;
top:0;
transform-origin:top left;
transition-property:transform,opacity;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
z-index:99995
}

.fancybox-slide--html .fancybox-content {
margin:0 0 6px
}

.fancybox-can-zoomOut .fancybox-content {
cursor:zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
cursor:zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
cursor:grab
}

.fancybox-is-grabbing .fancybox-content {
cursor:grabbing
}

.fancybox-container [data-selectable=true] {
cursor:text
}

.fancybox-image,.fancybox-spaceball {
background:0 0;
border:0;
height:100%;
left:0;
margin:0;
max-height:none;
max-width:none;
padding:0;
position:absolute;
top:0;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
width:100%
}

.fancybox-spaceball {
z-index:1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content {
height:calc(100% - 44px);
overflow:visible;
padding:0;
width:100%
}

.fancybox-slide--video .fancybox-content {
background:#000
}

.fancybox-slide--map .fancybox-content {
background:#e5e3df
}

.fancybox-slide--iframe .fancybox-content {
background:#fff
}

.fancybox-iframe,.fancybox-video {
background:0 0;
border:0;
display:block;
height:100%;
margin:0;
overflow:hidden;
padding:0;
vertical-align:top;
width:100%
}

.fancybox-error {
background:#fff;
cursor:default;
max-width:400px;
padding:40px;
width:100%
}

.fancybox-error p {
color:#444;
font-size:16px;
line-height:20px;
margin:0;
padding:0
}

.fancybox-button {
background:rgba(30,30,30,.6);
border:0;
border-radius:0;
box-shadow:none;
cursor:pointer;
display:inline-block;
height:44px;
margin:0;
padding:10px;
position:relative;
transition:color .2s;
vertical-align:top;
visibility:inherit;
width:44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
color:#ccc
}

.fancybox-button:hover {
color:#fff
}

.fancybox-button:focus {
outline:0
}

.fancybox-button.fancybox-focus {
outline:1px dotted
}

.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover {
color:#888;
cursor:default;
outline:0
}

.fancybox-button svg {
display:block;
height:100%;
overflow:visible;
position:relative;
width:100%
}

.fancybox-button svg path {
fill:currentColor;
stroke-width:0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2) {
display:none
}

.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1) {
display:none
}

.fancybox-progress {
background:#ff5268;
height:2px;
left:0;
position:absolute;
right:0;
top:0;
transform:scaleX(0);
transform-origin:0;
transition-property:transform;
transition-timing-function:linear;
z-index:99998
}

.fancybox-close-small {
background:0 0;
border:0;
border-radius:0;
color:#ccc;
cursor:pointer;
opacity:.8;
padding:8px;
position:absolute;
right:-12px;
top:-44px;
z-index:401
}

.fancybox-close-small:hover {
color:#fff;
opacity:1
}

.fancybox-slide--html .fancybox-close-small {
color:currentColor;
padding:10px;
right:0;
top:0
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display:none
}

.fancybox-navigation .fancybox-button {
background:0 0;
height:100px;
margin:0;
opacity:0;
position:absolute;
top:calc(50% - 50px);
width:70px
}

.fancybox-navigation .fancybox-button div {
background:rgba(30,30,30,.6);
height:100%;
padding:7px
}

.fancybox-navigation .fancybox-button--arrow_left {
left:0;
padding:31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
padding:31px 6px 31px 26px;
right:0
}

.fancybox-caption {
bottom:0;
color:#fff;
font-size:14px;
font-weight:400;
left:0;
line-height:1.5;
padding:25px 44px;
right:0
}

.fancybox-caption::before {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
background-repeat:repeat-x;
background-size:contain;
bottom:0;
content:"";
display:block;
left:0;
pointer-events:none;
position:absolute;
right:0;
top:-25px;
z-index:-1
}

.fancybox-caption::after {
border-bottom:1px solid rgba(255,255,255,.3);
content:"";
display:block;
left:44px;
position:absolute;
right:44px;
top:0
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
color:#ccc;
text-decoration:none
}

.fancybox-caption a:hover {
color:#fff;
text-decoration:underline
}

.fancybox-loading {
animation:fancybox-rotate 1s linear infinite;
background:0 0;
border:4px solid #888;
border-bottom-color:#fff;
border-radius:50%;
height:50px;
left:50%;
margin:-25px 0 0 -25px;
opacity:.7;
padding:0;
position:absolute;
top:50%;
width:50px;
z-index:99999
}

@keyframes fancybox-rotate {
100% {
transform:rotate(360deg)
}
}

.fancybox-animated {
transition-timing-function:cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
opacity:0;
transform:translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
opacity:0;
transform:translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
opacity:1;
transform:translate3d(0,0,0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
opacity:0;
transition-timing-function:cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
opacity:1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity:0;
transform:scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity:0;
transform:scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity:1;
transform:scale3d(1,1,1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
opacity:0;
transform:rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
opacity:0;
transform:rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
opacity:1;
transform:rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
opacity:0;
transform:scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
opacity:0;
transform:scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
opacity:1;
transform:scale3d(1,1,1) translate3d(0,0,0)
}

.fancybox-fx-tube.fancybox-slide--previous {
transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
transform:translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
transform:translate3d(0,0,0) scale(1)
}

.fancybox-share {
background:#f4f4f4;
border-radius:3px;
max-width:90%;
padding:30px;
text-align:center
}

.fancybox-share h1 {
color:#222;
font-size:35px;
font-weight:700;
margin:0 0 20px
}

.fancybox-share p {
margin:0;
padding:0
}

.fancybox-share__button {
border:0;
border-radius:3px;
display:inline-block;
font-size:14px;
font-weight:700;
line-height:40px;
margin:0 5px 10px;
min-width:130px;
padding:0 15px;
text-decoration:none;
transition:all .2s;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
white-space:nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
color:#fff
}

.fancybox-share__button:hover {
text-decoration:none
}

.fancybox-share__button--fb {
background:#3b5998
}

.fancybox-share__button--fb:hover {
background:#344e86
}

.fancybox-share__button--pt {
background:#bd081d
}

.fancybox-share__button--pt:hover {
background:#aa0719
}

.fancybox-share__button--tw {
background:#1da1f2
}

.fancybox-share__button--tw:hover {
background:#0d95e8
}

.fancybox-share__button svg {
height:25px;
margin-right:7px;
position:relative;
top:-1px;
vertical-align:middle;
width:25px
}

.fancybox-share__button svg path {
fill:#fff
}

.fancybox-share__input {
background:0 0;
border:0;
border-bottom:1px solid #d7d7d7;
border-radius:0;
color:#5d5b5b;
font-size:14px;
margin:10px 0 0;
outline:0;
padding:10px 15px;
width:100%
}

.fancybox-thumbs {
background:#ddd;
bottom:0;
display:none;
margin:0;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:-ms-autohiding-scrollbar;
padding:2px 2px 4px;
position:absolute;
right:0;
-webkit-tap-highlight-color:transparent;
top:0;
width:212px;
z-index:99995
}

.fancybox-thumbs-x {
overflow-x:auto;
overflow-y:hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
display:block
}

.fancybox-show-thumbs .fancybox-inner {
right:212px
}

.fancybox-thumbs__list {
font-size:0;
height:100%;
list-style:none;
margin:0;
overflow-x:hidden;
overflow-y:auto;
padding:0;
position:absolute;
position:relative;
white-space:nowrap;
width:100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
overflow:hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width:7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background:#fff;
border-radius:10px;
box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background:#2a2a2a;
border-radius:10px
}

.fancybox-thumbs__list a {
backface-visibility:hidden;
background-color:rgba(0,0,0,.1);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
cursor:pointer;
float:left;
height:75px;
margin:2px;
max-height:calc(100% - 8px);
max-width:calc(50% - 4px);
outline:0;
overflow:hidden;
padding:0;
position:relative;
-webkit-tap-highlight-color:transparent;
width:100px
}

.fancybox-thumbs__list a::before {
border:6px solid #ff5268;
bottom:0;
content:"";
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
transition:all .2s cubic-bezier(.25,.46,.45,.94);
z-index:99991
}

.fancybox-thumbs__list a:focus::before {
opacity:.5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity:1
}

@font-face {
font-family:LibreFranklin;
font-display:swap;
src:url(../fonts/LibreFranklin-Regular/LibreFranklin-Regular.woff) format("woff"),url(../fonts/LibreFranklin-Regular/LibreFranklin-Regular.woff2) format("woff2"),url(../fonts/LibreFranklin-Regular/LibreFranklin-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}

@font-face {
font-family:LibreFranklin;
font-display:swap;
src:url(../fonts/LibreFranklin-Light/LibreFranklin-Light.woff) format("woff"),url(../fonts/LibreFranklin-Light/LibreFranklin-Light.woff2) format("woff2"),url(../fonts/LibreFranklin-Light/LibreFranklin-Light.ttf) format("truetype");
font-weight:300;
font-style:normal
}

@font-face {
font-family:LibreFranklin;
font-display:swap;
src:url(../fonts/LibreFranklin-SemiBold/LibreFranklin-SemiBold.woff) format("woff"),url(../fonts/LibreFranklin-SemiBold/LibreFranklin-SemiBold.woff2) format("woff2"),url(../fonts/LibreFranklin-SemiBold/LibreFranklin-SemiBold.ttf) format("truetype");
font-weight:600;
font-style:normal
}

@font-face {
font-family:LibreFranklin;
font-display:swap;
src:url(../fonts/LibreFranklin-Thin/LibreFranklin-Thin.woff) format("woff"),url(../fonts/LibreFranklin-Thin/LibreFranklin-Thin.woff2) format("woff2"),url(../fonts/LibreFranklin-Thin/LibreFranklin-Thin.ttf) format("truetype");
font-weight:100;
font-style:normal
}

@font-face {
font-family:Helvetica;
font-display:swap;
src:url(../fonts/Helvetica-Regular/Helvetica-Regular.woff) format("woff"),url(../fonts/Helvetica-Regular/Helvetica-Regular.woff2) format("woff2"),url(../fonts/Helvetica-Regular/Helvetica-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}

@font-face {
font-family:Helvetica;
font-display:swap;
src:url(../fonts/Helvetica-Bold/Helvetica-Bold.woff) format("woff"),url(../fonts/Helvetica-Bold/Helvetica-Bold.woff2) format("woff2"),url(../fonts/Helvetica-Bold/Helvetica-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}

@font-face {
font-family:Inter;
font-display:swap;
src:url(../fonts/Inter-Regular/Inter-Regular.woff) format("woff"),url(../fonts/Inter-Regular/Inter-Regular.woff2) format("woff2"),url(../fonts/Inter-Regular/Inter-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}

@font-face {
font-family:Bigilla;
font-display:swap;
src:url(../fonts/Bigilla-Regular/Bigilla-Regular.woff) format("woff"),url(../fonts/Bigilla-Regular/Bigilla-Regular.woff2) format("woff2"),url(../fonts/Bigilla-Regular/Bigilla-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}

@font-face {
font-family:Bigilla;
font-display:swap;
src:url(../fonts/Bigilla-Bold/Bigilla-Bold.woff) format("woff"),url(../fonts/Bigilla-Bold/Bigilla-Bold.woff2) format("woff2"),url(../fonts/Bigilla-Bold/Bigilla-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal
}

@font-face {
font-family:Raleway;
font-display:swap;
src:url(../fonts/Raleway-Regular/Raleway-Regular.woff) format("woff"),url(../fonts/Raleway-Regular/Raleway-Regular.woff2) format("woff2"),url(../fonts/Raleway-Regular/Raleway-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal
}

* {
margin:0;
padding:0;
box-sizing:border-box
}

html {
height:100%
}

button {
border:0;
cursor:pointer;
outline:0;
background:0 0;
border:0
}

img {
display:block;
max-width:100%;
border:0
}

li {
list-style-position:inside
}

table {
border-collapse:collapse
}

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

b,strong {
font-weight:700
}

iframe {
border:0
}

a {
text-decoration:none;
outline:0;
cursor:pointer
}

a:hover {
text-decoration:underline
}

textarea {
resize:none
}

input,textarea {
background:0 0;
width:100%;
max-width:100%;
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:21px;
font-size:calc(21px + 11*(100vw - 312px)/ 1128);
color:#000;
outline:0;
border:0;
border-bottom:1px solid rgba(252,213,170,.2);
padding-bottom:24px;
color:#fff
}

ol,ul {
list-style:none
}

address {
font-style:normal
}

h1,h2,h3,h4,h5,h6 {
font-family:Bigilla,serif;
font-weight:400
}

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

[class*=" icon-"],[class^=icon-] {
font-family:icons!important;
speak:never;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

i {
display:flex;
align-items:center;
justify-content:center
}

.icon-arrow:before {
content:""
}

.icon-check:before {
content:""
}

.icon-close:before {
content:""
}

.icon-fb:before {
content:""
}

.icon-geo:before {
content:""
}

.icon-geo2:before {
content:""
}

.icon-in:before {
content:""
}

.icon-insta:before {
content:""
}

.icon-mail:before {
content:""
}

.icon-menu:before {
content:""
}

.icon-plus:before {
content:""
}

::-webkit-input-placeholder {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:calc(21px + 11*(100vw - 312px)/ 1128);
color:rgba(255,255,255,.5)
}

::-moz-placeholder {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:calc(21px + 11*(100vw - 312px)/ 1128);
color:rgba(255,255,255,.5)
}

:-moz-placeholder {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:calc(21px + 11*(100vw - 312px)/ 1128);
color:rgba(255,255,255,.5)
}

:-ms-input-placeholder {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:calc(21px + 11*(100vw - 312px)/ 1128);
color:rgba(255,255,255,.5)
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
color:transparent!important
}

input:focus:-moz-placeholder,textarea:focus::-moz-placeholder {
color:transparent!important
}

input:focus::-moz-placeholder,textarea:focus:-moz-placeholder {
color:transparent!important
}

input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
color:transparent!important
}

.tabs__content {
display:none
}

.tabs__content.tabs__content--active {
display:block
}

.btn {
font-family:LibreFranklin,sans-serif;
display:flex;
align-items:center;
justify-content:center;
padding:20px 35px;
font-weight:100;
font-size:18px;
color:#fff;
background:#333;
letter-spacing:.05em
}

.btn--black {
background:#000
}

.btn span {
line-height:100%
}

.btn:hover {
text-decoration:none;
opacity:.9
}

.wrap {
padding:30px 0;
overflow:hidden
}

.wrap--blue {
background:#2e4650;
color:#fff
}

.wrap--bluedark {
  background: #233461;
  color:#fff
}

.wrap--light-blue {
background:#e4f4fb
}

.wrap--dark-gray {
background:#2a2e30;
color:#fff
}

.wrap--gray {
background:#333;
color:#fff
}

.wrap--green {
background:#3d502e;
color:#fff
}

.wrap--brown {
  background: #6F502D;
  color: #fff;
}

.wrap--bluelight {
  background: #233461;
  color: #fff;
}

.wrap--greenlight {
  background: #236061;
  color: #fff;
}

.wrap--darkbrown {
  background: #502E2E;
  color: #fff;
}

.wrap--lightgreen {
  background: #3D502E;
  color: #fff;
}


.wrap--slider {
padding:40px 0
}

.wrap--behind {
padding:0 0 60px
}

.wrap--progress {
padding:0
}

.wrap--resume {
padding:80px 0
}

.container {
margin:0 auto;
position:relative
}

.slider {
margin:0 -60px;
display:flex;
flex-direction:column-reverse
}

.slider .slick-slide {
margin:0 60px
}

.slick-dots {
display:flex;
align-items:center;
justify-content:center;
margin-bottom:12px
}

.slick-dots li {
margin:0 3px;
width:6px;
height:6px;
border:1px solid #fff;
border-radius:50%
}

.slick-dots li.slick-active {
background:#fff
}

.slick-dots li button {
font-size:0
}

.scroll {
overflow:auto!important;
-ms-overflow-style:none;
scrollbar-width:none;
max-height:100%
}

.scroll::-webkit-scrollbar {
display:none
}

.custom-select {
position:relative;
width:100%
}

.custom-select__dropdown {
transition:all .3s;
padding-bottom:24px;
border-bottom:1px solid rgba(252,213,170,.2)
}

.custom-select__option {
display:block;
color:#9fadb4;
font-size:calc(21px + 11*(100vw - 312px)/ 1128);
margin-bottom:8px
}

.custom-select__option:last-child {
margin-bottom:0
}

.custom-select__option--value {
display:block;
width:100%;
outline:0;
border:0;
border-bottom:1px solid rgba(252,213,170,.2);
padding-bottom:24px;
color:#fff;
text-align:left;
transition:all .3s;
margin-bottom:0;
position:relative;
padding-right:30px;
overflow:hidden;
text-overflow:ellipsis
}

.custom-select__option--value::after {
display:flex;
align-items:center;
justify-content:center;
width:25px;
height:25px;
content:"";
font-family:icons;
font-size:18px;
color:#fff;
position:absolute;
top:1px;
right:0;
transition:all .3s
}

.custom-select__option--selected {
color:#fff
}

.custom-select--active .custom-select__option--value {
border-bottom:1px solid transparent
}

.custom-select--active .custom-select__option--value::after {
transform:rotate(180deg)
}

body {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:14px;
color:#000
}

body.overlay {
overflow:hidden
}

.wrapper--home {
background:url(../img/bgs/main-bg.png) top center no-repeat;
background-size:100% auto!important
}

.overflow-bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
z-index:0;
opacity:0;
visibility:hidden;
background:rgba(0,0,0,.9);
transition:all .3s
}

body.overlay .overflow-bg {
opacity:1;
visibility:visible;
z-index:7
}

.wrap--main {
padding:0;
color:#fff
}

.wrap-header {
padding:20px;
position:relative;
z-index:0;
transition:all .3s
}

.wrap-header.is-open {
background:#333;
z-index:9
}

.wrapper--white .wrap-header.is-open {
background:#fff
}

.header {
display:flex;
align-items:center;
justify-content:space-between
}

.logo {
width:52px;
height:52px
}

.wrap-menu {
position:fixed;
left:0;
top:92px;
width:100%;
z-index:8;
background:#333;
transition:all .3s;
transform:translateY(calc(-100% - 100px))
}

.wrap-header.is-open .wrap-menu {
transform:translateY(0)
}

.menu {
padding:40px 30px
}

.menu__item {
margin-bottom:45px
}

.menu__item:last-child {
margin-bottom:0
}

.menu__link {
line-height:17px;
letter-spacing:.1em;
text-transform:uppercase;
color:#fff;
position:relative
}

.menu__link:hover {
text-decoration:none
}

.menu__link::after {
content:"";
display:block;
width:0;
height:1px;
background:#fff;
transition:all .3s;
position:absolute;
top:calc(100% + 2px);
left:0
}

.menu__item--current .menu__link::after {
width:100%
}

.menu-btn {
display:flex;
align-items:center;
justify-content:center;
flex:40px 0 0;
height:40px;
padding:10px;
font-size:20px;
color:#fff;
transition:all .3s
}

.menu-btn.is-open .icon-menu:before {
content:""
}

.wrapper--white .menu-btn {
color:#000
}

.section {
padding:0 20px
}

.section--main {
color:#fff
}

.main {
padding:20px
}

.main__txt {
margin-bottom:20px;
letter-spacing:.1em;
font-size:calc(13px + 8*(100vw - 312px)/ 1128);
line-height:106%
}

.main__title {
font-family:Bigilla,serif;
font-size:calc(55px + 95*(100vw - 312px)/ 1128);
line-height:102%;
text-transform:uppercase
}

.section--sub-main {
padding:250px 20px 80px
}

.sub-main {
color:#fff
}

.sub-main__title {
font-size:calc(55px + 95*(100vw - 312px)/ 1128);
line-height:102%;
text-transform:uppercase
}

.sub-main__title br {
display:none
}

.sub-main__content {
margin-top:30px
}

.sub-main-menu {
display:none
}

.sub-main-info__mail {
display:block;
color:inherit;
margin-bottom:8px;
padding-left:30px;
line-height:27px;
position:relative
}

.sub-main-info__address::before,.sub-main-info__mail::before {
content:"";
font-family:icons;
font-size:16px;
line-height:100%;
position:absolute;
top:6px;
left:0
}

.sub-main-info__address {
padding-left:30px;
line-height:27px;
position:relative
}

.sub-main-info__address::before {
content:""
}

.sub-main-info__address a {
color:inherit
}

.slider__meta {
text-align:center;
margin-bottom:35px
}

.slider__geo {
display:flex;
justify-content:center;
line-height:27px
}

.slider__geo i {
margin-right:14px;
font-size:16px
}

.slider__space {
line-height:17px;
margin-top:7px
}

.slider__wrap-img {
width:100%;
position:relative
}

.slider__img {
width:100%;
height:362px;
display:flex;
align-items:center
}

.slider__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}

.slider__title {
position:absolute;
top:-38px;
bottom:-38px;
z-index:1;
width:100%;
font-family:Bigilla,serif;
font-weight:400;
font-size:calc(85px + 125*(100vw - 312px)/ 1128);
line-height:130%;
text-transform:uppercase;
display:flex;
flex-direction:column;
justify-content:space-between
}

.slider__title--orange {
color:#fcd790
}
@media only screen and (min-width: 1100px) {
  .slider-page .slider__more-link {
    margin-top: 0;
    margin-bottom: 35px;
  }
}


.slider__more-link {
display:block;
text-align:center;
margin-top:45px;
padding-bottom:125px;
line-height:17px;
letter-spacing:.05em;
text-decoration-line:underline;
color:#fff;
position:relative
}

.slider__more-link::before {
content:"";
display:block;
width:1px;
height:45px;
background:#fff;
position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
z-index:1
}

.slider__more-link::after {
content:"";
font-family:icons;
font-size:8px;
line-height:100%;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%)
}

.slider-page .slider__title {
font-size:calc(52px + 98*(100vw - 312px)/ 1128)
}

.behind__imgs {
height:370px;
position:relative
}

.behind__content {
text-align:center
}

.behind__title {
font-family:Bigilla,serif;
font-weight:400;
font-size:calc(85px + 65*(100vw - 312px)/ 1128);
line-height:102%;
text-transform:uppercase;
margin-bottom:20px
}

.behind__title span {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:calc(12px + 2*(100vw - 312px)/ 1128);
line-height:110%;
letter-spacing:.1em;
text-transform:uppercase
}

.behind__txt {
font-size:calc(14px + 7*(100vw - 312px)/ 1128);
line-height:104%;
letter-spacing:.05em
}

.behind__addresses {
margin-top:80px
}

.behind-imgs__item {
position:absolute
}

.behind-imgs__item--img-1 {
width:246px;
top:172px;
left:50%;
transform:translateX(-50%);
z-index:5
}

.behind-imgs__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}

.behind-imgs__item--img-2 {
top:66px;
left:-20px;
transform:translateX(-58%);
z-index:6
}

.behind-imgs__item--img-3 {
top:66px;
right:-20px;
transform:translateX(50%);
z-index:4
}

.behind-imgs__item--img-4 {
top:266px;
left:-20px;
transform:translateX(-64%)
}

.behind-imgs__item--img-5 {
top:250px;
right:-20px;
transform:translateX(75%);
z-index:5
}

.addresses {
display:flex;
align-items:flex-start;
justify-content:flex-start;
margin-right:-20px
}

.addresses__item {
flex:250px 0 0;
margin-right:20px;
padding-left:26px
}

.addresses__title {
position:relative;
font-weight:600;
font-size:14px;
line-height:27px
}

.addresses__title::before {
content:"";
font-family:icons;
font-size:16px;
line-height:100%;
position:absolute;
top:6px;
left:-26px
}

.addresses__address {
line-height:193%;
color:#5a5a5a
}

.addresses__address a {
color:inherit
}

.section--progress-line {
padding:30px 0;
line-height:27px;
color:#9fadb4
}

.progress {
margin:0 -20px;
display:flex;
flex-direction:column-reverse
}

.progress__item {
position:relative;
display:block;
color:#fff
}

.progress__content {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
padding:30px 20px 40px;
display:flex;
flex-direction:column-reverse;
align-items:flex-start;
justify-content:space-between
}

.progress__txt {
margin-top:20px
}

.progress__title {
font-family:Bigilla,serif;
font-weight:400;
font-size:calc(85px + 65*(100vw - 312px)/ 1128);
line-height:102%;
text-transform:uppercase
}

.progress__geo {
font-size:calc(14px + 7*(100vw - 312px)/ 1128);
line-height:104%;
letter-spacing:.05em
}

.progress__solution {
line-height:27px;
color:silver
}

.progress__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}

.resume__title {
margin-bottom:60px;
font-size:21px;
line-height:25px;
letter-spacing:.05em
}

.resume__job-list {
margin-bottom:110px
}

.job-list__item {
padding-bottom:10px;
margin-bottom:30px;
border-bottom:1px solid #fff
}

.job-list__item:last-child {
margin-bottom:0
}

.job-list__link {
line-height:193%;
color:#333
}

.wrap-footer {
padding:20px 0
}

.footer {
padding:0 20px;
position:relative
}

.footer__social {
margin-top:30px;
justify-content:flex-end
}

.footer-logo {
position:absolute;
left:20px;
bottom:-2px;
width:44px;
height:44px
}

.footer-menu {
display:flex;
align-items:center;
justify-content:space-between
}

.footer-menu__item {
margin:0 10px
}

.footer-menu__item:first-child {
margin-left:0
}

.footer-menu__item:last-child {
margin-right:0
}

.footer-menu__link {
line-height:17px;
letter-spacing:.05em;
text-transform:lowercase;
color:#000
}

.social {
display:flex;
align-items:center
}

.social__link {
display:flex;
align-items:center;
justify-content:center;
padding:10px;
font-size:20px;
line-height:100%;
color:#333
}

/* S OFFICES */
.wrapper--project.s-offices {
  background:url(../img/content/soffice/soff-hp.png) top center no-repeat;
}

/* RR OFFICES */
.wrapper--project.rr-offices {
  background:url(../img/bgs/pc/rr-offices.png) top center no-repeat !important;
}

/* Carbonado */
.wrapper--project.carbonado {
  background:url(../img/content/carbo/carbo-hp.png) top center no-repeat !important;
}

/* Villa */
.wrapper--project.villa {
  background:url(../img/content/villa/villa-hp.png) top center no-repeat !important;
}

/* Yoga */
.wrapper--project.yoga {
  background:url(../img/content/yoga/yoga-hp.png) no-repeat !important;
}

/* Arcadia */
.wrapper--project.arcadia {
  background:url(../img/content/arcadia/arc-hp.png) no-repeat !important;
}

.w-110 {
  width: 110%;
}
.section--project {
padding:122px 20px;
max-height:635px
}

.project {
text-align:center
}

.project__geo {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin:0 -10px 50px
}

.project__geo i {
font-size:16px;
margin-right:14px
}

.project__geo>span {
display:flex;
margin-right:6px
}

.project__geo span:last-child {
margin-right:0
}

.project__title {
margin-bottom:50px
}

.project__content {
font-size:calc(14px + 7*(100vw - 312px)/ 1128);
line-height:104%;
letter-spacing:.1em;
text-transform:uppercase
}

.project__scroll-down {
margin-top:160px;
padding-top:17px
}

.main-title {
font-family:Bigilla,serif;
font-weight:400;
font-size:calc(55px + 95*(100vw - 312px)/ 1128);
line-height:100%;
text-transform:uppercase
}

.scroll-down {
display:flex;
align-items:center;
justify-content:center;
color:#fff;
position:relative;
font-size:8px
}

.scroll-down:hover {
text-decoration:none
}

.scroll-down::after {
content:"";
display:block;
width:1px;
height:45px;
background:#fff;
position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
z-index:1
}

.section__content {
line-height:214%;
letter-spacing:.05em
}

.section__content h3 {
margin-bottom:32px;
font-family:LibreFranklin,sans-serif;
font-weight:300;
font-size:21px;
line-height:167%;
letter-spacing:.1em;
text-transform:uppercase
}

.section__content p {
margin-bottom:30px
}

.section__content p:last-child {
margin-bottom:0
}

.section__img {
display:block;
margin-top:60px
}

.section p:not(.main__txt) {
line-height:214%;
letter-spacing:.05em;
margin-bottom:30px
}

.section p:last-child {
margin-bottom:0
}

.title {
font-family:Bigilla,serif;
font-weight:400;
font-size:calc(75px + 75*(100vw - 312px)/ 1128);
line-height:102%;
text-transform:uppercase;
margin-bottom:50px;
word-break:break-word
}

.short-center {
  max-width: 710px;
  margin: 0 auto;
}

.title--green {
color:#3d502e
}

.title--brown {
  color: #6F502D;
}

.title--lightblue {
  color:#233461;
}

.title--lightgreen {
  color: #236061;
}

.title--darkbrown {
  color: #502E2E;
}

.title--darkgreen {
  color: #3D502E;
}

.title--darkblue {
  color:#233461;
}
.imgs {
display:flex;
align-items:stretch;
justify-content:center
}


.imgs__item {
width:50%
}

.imgs__img {
width:100%
}

.imgs__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}

@media (max-width:500px) {
  .imgs__img img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .wrapper--project .wrap--work .imgs {
    height: auto !important;
  }
}

.img-slider {
margin:0 -20px
}

.img-slider__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}

.prev-next-links {
padding:0 20px;
display:flex;
align-items:center;
justify-content:center;
}

.prev-next-links__item {
margin-right:15px;
width:calc(50% - 7.5px)
}

.prev-next-links__item:nth-child(2n) {
margin-right:0
}

.btn__pc {
display:none
}

.section--page {
padding:50px 10px 0;
color:#000;
text-align:center
}

.page__title {
font-size:calc(85px + 65*(100vw - 312px)/ 1128);
line-height:102%;
margin-bottom:20px
}

.page p {
font-size:calc(14px + 7*(100vw - 312px)/ 1128);
line-height:104%;
letter-spacing:.05em
}

.section__img+.section__content {
margin-top:70px
}

.section--float {
position:relative
}

.title-float__title {
font-family:Bigilla,serif;
font-weight:400;
font-size:calc(42px + 108*(100vw - 312px)/ 1128);
line-height:102%;
text-transform:uppercase;
margin-bottom:10px;
color:#333;
letter-spacing:.05em;
cursor: inherit;
user-select: none;
position: relative;
}

.title-float__title:last-child {
margin-bottom:0
}

.title-float__title--3 {
color:rgba(51,51,51,.2)
}

.title-float__title--4 {
letter-spacing:.2em
}

.img-float {
display:block;
width:210px;
height:210px;
position:absolute;
left:44px;
bottom:0;
z-index:1
}

.img-float img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}

.wrapper--dirt-green {
background:#2e4650
}

.slider-page {
padding-bottom:100px
}

.wrapper--studio {
background:url(../img/bgs/studio-bg.png) top center no-repeat;
background-size:100% 716px!important
}

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

.studio {
padding:98px 20px 180px;
height:624px;
overflow:hidden
}

.studio h1 {
font-size:calc(85px + 65*(100vw - 312px)/ 1128);
line-height:102%;
margin-bottom:20px
}

.studio h1 span {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:calc(12px + 2*(100vw - 312px)/ 1128);
line-height:102%;
letter-spacing:.1em;
text-transform:uppercase
}

.section .studio__content p {
font-size:calc(14px + 7*(100vw - 312px)/ 1128);
line-height:140%;
letter-spacing:.05em
}

h4.title {
font-weight:700;
font-size:calc(30px + 24*(100vw - 312px)/ 1128);
line-height:118%;
letter-spacing:.05em
}

.three-cols-img {
display:flex;
align-items:stretch;
justify-content:space-between
}

.three-cols-img__item {
height:315px;
width:calc(33.3333% - 13.4px);
margin-right:20px
}

.three-cols-img__item:last-child {
margin-right:0
}

.three-cols-img__img {
width:100%;
height:100%
}

.three-cols-img__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}

.scroll-city {
font-family:Bigilla,serif;
font-weight:400;
font-size:calc(75px + 75*(100vw - 312px)/ 1128);
line-height:100%;
text-transform:uppercase;
white-space:nowrap;
margin:0 -20px;
margin-bottom:80px
}

.scroll-city .slick-slide {
margin-right:90px
}

.city-addresses .addresses__title {
font-weight:300;
font-size:21px;
line-height:167%;
letter-spacing:.1em;
text-transform:uppercase;
color:#9fadb4;
margin-bottom:14px
}

.city-addresses .addresses__title::before {
content:"";
top:8px
}

.city-addresses .addresses__address {
color:#9fadb4
}

.imgs+p {
margin-top:80px
}

.tools-list__item {

}

.tools-list__word {
font-family:Bigilla,serif;
font-weight:600;
font-size:320px;
line-height:70%;
text-transform:uppercase;
margin-bottom:12px
}

.tools-list__content h4 {
margin-bottom:12px;
font-weight:300;
font-size:21px;
line-height:167%;
letter-spacing:.1em;
text-transform:uppercase;
font-family:LibreFranklin,sans-serif
}

.tools-list__content p {
line-height:214%;
letter-spacing:.05em;
margin-bottom:12px
}

.tools-list__content p:last-child {
margin-bottom:0
}

.send-btn {
margin:90px 0 25px
}

.wrapper--dark-gray {
background:#333;
color:#fff
}

.gray-page {
text-align:center
}

.gray-page__title span {
font-family:LibreFranklin,sans-serif;
font-weight:400;
font-size:calc(12px + 2*(100vw - 312px)/ 1128);
line-height:104%;
letter-spacing:.1em;
text-transform:uppercase
}

.contact {
margin-top:90px
}

.contact-sidebar {
margin-bottom:40px
}

.contact-sidebar__item {
margin-bottom:40px
}

.contact-sidebar__item:last-child {
margin-bottom:0
}

.contact-sidebar__title {
margin-bottom:24px;
line-height:120%;
color:rgba(255,255,255,.6);
text-transform:uppercase
}

.contact-sidebar__content {
font-size:18px;
line-height:140%
}

.contact-sidebar__content span {
color:#fff
}

.contact-sidebar__content a {
color:inherit
}

.contact-list {
color:rgba(255,255,255,.8)
}

.contact-list__item {
margin-bottom:24px
}

.contact-list__item:last-child {
margin-bottom:0
}

.contact-form {
counter-reset:count;
margin-bottom:120px
}

.contact-form__item {
padding-left:30px;
position:relative;
margin-bottom:40px
}

.contact-form__item:last-child {
margin-bottom:0
}

.contact-form__item::before {
counter-increment:count;
content:counter(count);
font-size:calc(12px + 12*(100vw - 312px)/ 1128);
line-height:104%;
color:rgba(255,255,255,.6);
position:absolute;
top:1px;
left:0
}

.contact-form__item:nth-child(-n+9)::before {
counter-increment:count;
content:"0" counter(count)
}

.contact-form__title {
font-size:calc(14px + 10*(100vw - 312px)/ 1128);
margin-bottom:16px
}

.contact-form__textarea {
min-height:82px
}

.contact-form__actions {
margin-top:40px
}

.contact-form__btn {
width:100%
}

.radio {
display:block;
margin-bottom:24px;
position:relative
}

.radio__radio {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0)
}

.radio__txt {
padding:10px 20px;
width:100%;
height:60px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.2);
border-radius:100px;
font-size:23px;
line-height:28px;
color:#fff;
transition:all .3s
}

.radio__radio:checked~.radio__txt {
background:#f2f2f2;
border:1px solid rgba(255,255,255,.2);
color:#333
}

.radio:last-child {
margin-bottom:0
}

.privacy-label {
display:block;
position:relative
}

.privacy-label__check {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0)
}

.privacy-label__label {
font-family:Raleway,sans-serif;
font-weight:400;
font-size:16px;
line-height:156%;
color:#828282;
position:relative;
padding-left:30px;
display:block
}

.privacy-label__label::before {
content:"";
display:block;
width:14px;
height:14px;
border-radius:4px;
border:1px solid #fff;
position:absolute;
left:0;
top:4px
}

.privacy-label__label::after {
content:"";
font-family:icons;
font-size:6px;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
position:absolute;
left:0;
top:4px;
transition:all .3s;
opacity:0;
visibility:hidden
}

.privacy-label__check:checked~.privacy-label__label::after {
opacity:1;
visibility:visible
}

.privacy-label__label a {
color:#fff;
text-decoration:underline
}

.section--static-page {
margin-top:60px
}

.section--static-page h3 {
font-family:LibreFranklin,sans-serif;
font-weight:300;
font-size:21px;
line-height:167%;
letter-spacing:.1em;
text-transform:uppercase;
margin-bottom:15px
}

.section--static-page p {
margin-bottom:40px
}

.fancybox-navigation .fancybox-button svg {
display:none
}

.fancybox-navigation .fancybox-button::before {
content:"";
font-family:icons;
color:#fff;
font-size:21px;
position:absolute
}

.fancybox-navigation .fancybox-button--arrow_left::before {
top:50%;
left:25px;
transform:translate(-50%,-50%) rotate(90deg)
}

.fancybox-navigation .fancybox-button--arrow_right::before {
top:50%;
right:5px;
transform:translate(-50%,-50%) rotate(-90deg)
}

.fancybox-caption {
padding:30px 50px;
background:#fff;
line-height:163%;
letter-spacing:.05em;
color:#4f4f4f
}

.fancybox-caption::before {
display:none
}

.scroll-down span {
display:none
}

.page__title.main-title br {
display:none
}

@media only screen and (min-width:760px) {
.wrapper--home {
background:url(../img/bgs/pc/main-bg.png) top center no-repeat
}

.sub-main__content {
display:flex;
align-items:flex-start;
justify-content:flex-start
}

.section--sub-main {
padding-top:20px;
padding-bottom:20px
}

.sub-main-menu {
margin-right:144px;
display:block
}

.sub-main-menu__item {
margin-bottom:25px
}

.sub-main-menu__item:last-child {
margin-bottom:0
}

.sub-main-menu__link {
font-size:14px;
line-height:17px;
letter-spacing:.1em;
text-transform:uppercase;
color:#fff
}

.behind-imgs__item--img-2 {
left:-20px;
transform:none
}

.behind-imgs__item--img-4 {
left:0;
transform:none
}

.behind-imgs__item--img-3,.behind-imgs__item--img-5 {
right:0;
transform:none
}

.addresses {
justify-content:center
}

.progress {
flex-direction:row
}

.progress__item {
min-height:350px;
overflow:hidden
}

.progress__img--img {
filter:blur(7px)
}

.progress__img--load {
position:absolute;
top:0;
right:0;
max-width:100px
}

.wrap--resume {
padding-bottom:0
}

.resume {
display:flex;
align-items:flex-end;
padding-right:0
}

.resume__content {
width:48%;
margin-right:4%
}

.resume__job-list {
margin-bottom:40px
}

.resume__actions {
width:48%
}

.slider__title {
top:-58px;
bottom:-58px
}

.footer {
display:flex;
align-items:center;
justify-content:space-between
}

.footer-logo {
min-width:44px;
position:static;
margin-right:96px
}

.footer__social {
margin-left:20px;
margin-top:0
}

.footer-menu {
width:100%;
justify-content:center
}

.footer-menu__item {
margin:0 40px
}


/* S OFFICES */
.wrapper--project.s-offices {
  background:url(../img/content/soffice/soff-hp.png) no-repeat top center;
}

/* RR OFFICES */
.wrapper--project.rr-offices {
  background:url(../img/bgs/pc/rr-offices.png) no-repeat !important;
  background-position-y: -300px !important;
}

/* Carbonado */
.wrapper--project.carbonado {
  background:url(../img/content/carbo/carbo-hp.png) no-repeat !important;
  background-position-y: -300px !important;
}

/* Villa */
.wrapper--project.villa {
  background:url(../img/content/villa/villa-hp.png) no-repeat !important;
  background-position-y: -300px !important;
}

.villa-custom-img {
  min-width: 460px;
}

.wrap--workspace.wrap--wide .slider-title.center {
  margin: 0 auto;
  padding-left: 150px;
}

/* Yoga */
.wrapper--project.yoga {
  background:url(../img/content/yoga/yoga-hp.png) no-repeat !important;
  background-position-y: -300px !important;
}

/* Arcadia */
.wrapper--project.arcadia {
  background:url(../img/content/arcadia/arc-hp.png) no-repeat !important;
  background-position-y: -300px !important;
}

.fs-21 {
  font-size: 21px;
  line-height: 35px !important;
  letter-spacing: 0.1em !important;
}
.section--project {
padding-top:100px
}

.section--cols {
display:flex
}

.section--cols .section__content {
width:48%;
margin-right:2%;
}

.section--cols .section__img {
width:48%;
margin-left:2%;
margin-top:0
}

.page__title {
text-align:left
}

.page p {
text-align:left
}

.section--cols-reverse .section__img {
margin-left:0;
margin-right:2%
}

.section--cols-reverse .section__content {
margin-left:2%;
margin-right:0
}

.section__img+.section__content {
margin-top:0
}

.title-float__title--2 {
display:flex;
justify-content:flex-end;
padding-right:80px
}

.title-float__title--3 {
display:flex;
justify-content:flex-end
}

.img-float {
width:342px;
height:342px;
left:32%;
bottom:40px
}

.section--cols-mirror {
justify-content:flex-end
}

.section--cols-mirror .section__content {
margin-right:0;
margin-left:2%
}

.slider__meta {
display:flex;
align-items:center;
justify-content:space-between
}

.slider__geo {
margin-right:20px
}

.slider__space {
margin-left:20px;
margin-top:0
}

.wrapper--studio {
background:url(../img/bgs/pc/studio-bg.png) top center no-repeat;
background-size:auto auto!important
}

.studio {
height:648px
}

h4.title span {
background:#e4f4fb
}

.section--cols .section__content+.section__content {
margin-left:2%;
margin-right:0
}

.scroll-city {
margin-bottom:40px
}

.city-addresses {
justify-content:flex-start
}

.section--cols-60-40 {
display:flex
}

.section--cols-60-40 .section__content {
margin-right:2%;
width:58%
}

.section--cols-60-40 .section__content+.section__content {
margin-right:0;
margin-left:2%;
width:38%
}

.tools-list__item {
display:flex;
align-items:center
}

.send-btn {
  max-width: 388px;
  margin:90px auto 25px
}

.send-btn .btn__mobile {
display:none
}

.send-btn .btn__pc {
display:block
}

.contact {
display:flex;
align-items:flex-start;
flex-direction:row-reverse
}

.contact-sidebar {
margin-bottom:0;
width:260px;
margin-left:50px
}

.contact-form {
width:calc(100% - 310px)
}

.contact-form__wrap-input {
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
width:100%
}

.contact-form__radio {
margin-right:24px
}
}

@media only screen and (min-width:1000px) {
.btn {
font-size:36px;
min-height:158px
}

.prev-next-links__btn .btn__mobile {
display:none
}

.prev-next-links__btn .btn__pc {
display:block
}

.city-addresses {
justify-content:center
}

.contact-form__btn {
min-height:92px;
max-width:390px;
margin:0 auto
}
}

@media only screen and (min-width:1100px) {
.wrap {
padding:80px 0
}

.wrap-header {
width:100%;
max-width:1440px;
margin:0 auto;
padding:35px
}

.logo {
width:83px;
height:83px
}

.menu-btn {
display:none
}

.wrap-menu {
position:static;
width:auto;
transform:none;
background:0 0;
display:flex;
align-items:center;
justify-content:flex-end
}

.menu {
padding:0;
display:flex;
align-items:center;
justify-content:flex-end
}

.menu__item {
margin-bottom:0;
margin-left:75px
}

.menu__item:not(.menu__item--current) .menu__link:hover::after {
width:100%
}

.section {
width:100%;
max-width:1440px;
margin:0 auto;
padding:0 35px
}

.section--main {
max-width:1440px;
margin:0 auto;
padding:50px 75px 20px
}

.section--sub-main {
position:relative;
max-width:1440px;
margin:0 auto;
margin-top:auto;
padding:80px 120px 0
}

.slider .slick-slide {
margin:0;
padding:0 60px
}

.slider__title-line {
display:flex;
justify-content:space-between;
position:relative;
transition:all .5s;
max-width:none;
width:100%;
opacity:0;
visibility:hidden
}

.slider__meta,.slider__more-link {
opacity:0;
visibility:hidden;
transition:all .5s;
font-size: 21px;
}

.slider .slick-slide.slick-center .slider__title-line {
width:calc(100% + 140px);
left:-100px;
right:-40px;
opacity:1;
visibility:visible
}

.slider .slick-slide.slick-center .slider__meta,.slider .slick-slide.slick-center .slider__more-link {
opacity:1;
visibility:visible;
z-index: 100;
position: relative;
}

.slider .slick-slide.slick-center .slider__title-line span:not(:first-child) {
margin-left:100px
}

.slider .slick-slide.slick-center .slider__title-line:nth-child(2) {
justify-content:flex-end
}

.slider__wrap-img {
padding:50px 0
}

.slider__img {
position:relative;
height:519px
}

.slider__img::after {
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(46,70,80,.75);
z-index:1;
transition:all .5s;
opacity:1;
visibility:visible
}

.slider .slick-slide.slick-center .slider__img::after {
visibility:hidden;
opacity:0
}

.wrap--behind {
padding:220px 0
}

.behind__imgs {
height:600px
}

.behind-imgs__item {
transition:all 1s
}

.behind-imgs__item--img-1 {
width:609px;
height:457px
}

.behind-imgs__item--img-2 {
left:50%;
transform:translate3d(-620px,-140px,0)
}

.behind-imgs__item--img-3 {
right:50%;
transform:translate3d(670px,-140px,0)
}

.behind-imgs__item--img-4 {
left:50%;
transform:translate3d(-584px,135px,0)
}

.behind-imgs__item--img-5 {
right:50%;
transform:translate3d(670px,120px,0)
}

.behind__txt {
max-width:850px;
margin:0 auto
}

.addresses__item {
margin-right:90px
}

.addresses__title {
font-weight:400;
color:#5a5a5a;
transition:all .3s
}

.addresses__item:hover .addresses__title {
font-weight:600;
color:#000
}

.addresses__title::before {
transition:all .3s;
content:""
}

.addresses__item:hover .addresses__title::before {
content:""
}

.addresses__address {
transition:all .3s;
visibility:hidden;
opacity:0
}

.addresses__item:hover .addresses__address {
visibility:visible;
opacity:1
}

.wrap--progress {
padding:0
}

.section--progress-line {
max-width:100%;
padding:30px 0
}

.progress {
padding:0;
margin:0;
max-width:100%
}

.progress__content {
padding:65px
}

.progress__img--load {
right:65px;
top:50%;
transform:translateY(-50%);
max-width:169px
}

.wrap--resume {
padding-bottom:0
}

.resume__job-list {
margin-bottom:60px;
font-size:21px;
}

.resume {
justify-content:space-between;
padding-right:0
}

.resume__content {
max-width:520px
}

.wrap-footer {
padding:30px 0
}

.footer {
padding:0 60px
}

.footer-logo {
width:83px;
height:83px;
min-width:83px;
margin-right:57px
}

.wrapper--home .wrap--main {
display:flex;
flex-direction:column;
height:100%;
min-height:1550px;
padding:0 0 60px
}

.sub-main__title br {
display:block
}

.sub-main__content {
position:absolute;
top:320px;
left:50%;
transform:translateX(90px);
z-index:1;
margin-top:0
}

.progress__item {
transition:all 1.5s;
width:50%;
height:512px;
overflow:hidden;
min-width:150px
}

.progress__item:hover {
width:calc(100% - 150px)
}

.progress__img--img {
transition:all 1s
}

.progress__item:hover .progress__img--img {
filter:blur(0)
}

.section--project {
width:100%;
max-width:830px;
min-height:580px;
margin:0 auto;
padding-top:65px
}

.scroll-down {
margin-top:100px;
padding-top:100px
}

.scroll-down span {
display:block;
font-size:21px;
line-height:17px;
letter-spacing:.05em;
text-decoration-line:underline;
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
white-space:nowrap
}

.wrapper--project {
background-size:100% 741px!important
}

.wrap--main {
padding:0
}

.project__geo {
margin:0 0 20px;
font-size: 21px;
}

.project__title {
margin-top:50px;
margin-bottom:20px
}

.wrap--green .section {
max-width:1000px;
margin:0 auto
}

.section--cols.end {
justify-content:end;
}

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

.section--cols .section__content {
width:auto;
max-width:46%;
margin-right:4%;
max-width: 500px;
}

.section--cols .section__img {
width:auto;
width:46%;
margin-left:4%
}

.wrap--work .section {
max-width:1200px
}

.wrap--work .section p {
max-width:730px;
margin:0 auto 70px
}

.imgs {
max-width:930px;
margin:0 auto
}

.fancybox-caption {
max-width:1100px;
margin:0 auto
}

.wrap--mat .section,.wrap--text .section {
max-width:1020px
}

.section p:not(.main__txt),.section__content h3 {
margin-bottom:55px
}

.img-slider {
margin:0 -35px
}

.section p:last-child {
margin-bottom:0!important
}

.btn {
font-size:48px
}

.resume-actions__btn.btn {
  font-size: 21px;
  min-height: 92px;
  width: 388px;
}


.resume__actions {
  display: flex;
  justify-content: end;
  margin-bottom: 35px;
}

.prev-next-links {
padding:0
}

.prev-next-links__item {
margin-right:180px;
width:auto;
}


.wrapper--white .menu__link {
color:#000
}

.wrapper--white .menu__link::after {
background:#000
}

.section--page {
padding-top:40px;
max-width:1210px
}

.page__title.main-title br {
display:block
}

.wrap--page .section {
max-width:1210px
}

.section--cols-reverse .section__img {
margin-left:0;
margin-right:4%
}

.section--cols-reverse .section__content {
margin-left:4%;
margin-right:0
}

.wrap--page+.wrap--page {
padding-top:0
}

.img-float {
left:34%;
bottom:70px
}

.section--cols-mirror {
justify-content:flex-end
}

.section--cols-mirror .section__content {
margin-right:0;
margin-left:4%
}

.slider-page .slider .slick-slide.slick-center .slider__title-line {
text-align:center;
align-items:center;
width:calc(100% + 90px);
left:-50px
}

.slider-page {
padding:0 0;
max-width:100%
}

.studio {
height:auto;
min-height:585px
}

.section--studio {
max-width:920px
}

.studio__title {
margin-top:-60px
}

.wrap--page-1100 .section {
max-width:1100px
}

.city-addresses .addresses__address {
visibility:visible;
opacity:1
}

.city-addresses .addresses__item:hover .addresses__title {
font-weight:300;
color:#9fadb4
}

.city-addresses .addresses__item:hover .addresses__title::before {
content:""
}

.wrap--page-1100 .imgs {
max-width:100%
}

.wrap--page-1100 .imgs+p {
max-width:730px;
margin:80px auto 0
}

.tools-list__item {

/*  padding:0 80px 45px*/
}

.tools-list__item.image {
  border-bottom: 0;
  padding: 0;
  margin-right: 45px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.tools-list__content {
  max-width: 467px;
}
.send-btn {
min-height:92px
}

.send-btn.new {
  font-size: 21px;
  max-width: 388px;
  margin: 146px 25px 0px;
  float: right;
  min-width: 388px;
}

.gray-page__title br {
display:none
}

.gray-page__title span {
display:block
}

.gray-page {
padding-top:25px
}

.contact-form__item {
padding-left:100px
}

.section--static-page {
max-width:820px
}

.wrap--slider .section {
max-width:100%;
padding:0
}

.wrap--wide .section {
max-width:100%;
padding:0
}

.wrap--wide .section .title {
max-width:1370px;
margin:0 auto 50px
}

.wrapper--studio {
background-size:100% auto!important
}

.wrap--scroll-city .section {
max-width:100%;
padding:0
}

body {
overflow-x:hidden
}

.wrapper--home {
max-width:100%;
overflow:hidden;
filter:blur(100px);
animation:blur .3s ease-in forwards 1s
}
}

@keyframes blur {
0% {
  filter:blur(100px);
}

25% {
  filter:blur(75px);
}

50% {
  filter:blur(50px);
}

50% {
  filter:blur(25px);
}

100% {
  filter:blur(0);
}
}

.wrapper--home .main__txt {
width:0;
overflow:hidden;
white-space:nowrap;
animation:mainTxt 1s ease-in forwards 2s
}

@keyframes mainTxt {
0% {
width:0
}

100% {
width:100%
}
}

.wrapper--home .main__title--1,
.wrapper--home .main__title--2,
.wrapper--home .main__title--3,
.wrapper--home .main__title--4 {
display:block;
width:0;
overflow:hidden;
white-space:nowrap;
animation:mainTitle1 1s ease-in forwards 3s
}

.wrapper--home .main__title--2 {
animation:mainTitle2 1s ease-in forwards 4s
}

.wrapper--home .main__title--3 {
  animation:mainTitle2 1s ease-in forwards 5s
}
.wrapper--home .main__title--4 {
  animation:mainTitle2 1s ease-in forwards 6s
}

@keyframes mainTitle1 {
0% {
width:0
}

100% {
width:100%
}
}

@keyframes mainTitle2 {
0% {
width:0
}

100% {
width:100%
}
}

.wrapper--home .header .logo {
transform:translate3d(-20px,-200px,0);
animation:logo 2s ease-in forwards 1.5s;
opacity:0;
visibility:hidden
}

@keyframes logo {
0% {
transform:translate3d(-60px,-200px,0);
opacity:0;
visibility:hidden
}

80% {
opacity:0;
visibility:hidden
}

100% {
transform:translate3d(0,0,0);
opacity:1;
visibility:visible
}
}

.wrapper--home .wrap-menu {
transform:translate3d(20px,-200px,0);
animation:wrapMenu 2s ease-in forwards 1.5s;
opacity:0;
visibility:hidden
}

@keyframes wrapMenu {
0% {
transform:translate3d(20px,-200px,0);
opacity:0;
visibility:hidden
}

80% {
opacity:0;
visibility:hidden
}

100% {
transform:translate3d(0,0,0);
opacity:1;
visibility:visible
}
}

.wrapper--home .sub-main__title {
transform:translate3d(-100%,0,0)
}

.wrapper--home .section--active .sub-main__title {
transform:translate3d(-100%,0,0);
animation:subMainTitle 1s ease-in forwards
}

@keyframes subMainTitle {
0% {
transform:translate3d(-100%,0,0)
}

100% {
transform:translate3d(0,0,0)
}
}

.wrapper--home .sub-main-menu {
transform:translate3d(0,500px,0)
}

.wrapper--home .section--active .sub-main-menu {
transform:translate3d(0,500px,0);
animation:subMainMenu 1s ease-in forwards
}

@keyframes subMainMenu {
0% {
transform:translate3d(0,500px,0)
}

100% {
transform:translate3d(0,0,0)
}
}

.wrapper--home .sub-main-info {
transform:translate3d(0,500px,0)
}

.wrapper--home .section--active .sub-main-info {
transform:translate3d(0,500px,0);
animation:subMainInfo 1s ease-in forwards
}

@keyframes subMainInfo {
0% {
transform:translate3d(0,500px,0)
}

100% {
transform:translate3d(0,0,0)
}
}

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

.wrapper--home .slider .slick-slide.slick-center .slider__wrap-img {
justify-content:center
}

.wrapper--home .slider .slick-slide.slick-center+.slick-slide .slider__wrap-img {
justify-content:flex-start
}

.wrapper--home .section .slider__img {
width:150px;
height:530px;
overflow:hidden;
animation:sliderImg1 .5s ease-in forwards
}

.wrapper--home .section--active .slider__img {
width:100%;
height:530px;
animation:sliderImg2 .5s ease-in forwards
}
.wrapper--home .slider__geo,
.wrapper--home .slider__space,
.wrapper--home .slider .slick-slide.slick-center .slider__title-line {
  visibility: hidden;
}
.wrapper--home .section--active .slider__geo,
.wrapper--home .section--active .slider__space,
.wrapper--home .section--active .slider .slick-slide.slick-center .slider__title-line {
  visibility: visible;
}

@keyframes sliderImg1 {
0% {
width:100%
}

100% {
width:150px
}
}

@keyframes sliderImg2 {
0% {
width:150px;
height:530px
}

100% {
width:100%
}
}

.wrapper--home .section--active .slider__img img,.wrapper--home .slider__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
transition:all .5s
}

.wrapper--home .slider__title {
opacity:0
}

.wrapper--home .slider .slick-slide.slick-center .slider__title {
overflow:hidden;
opacity:0;
animation:sliderTitle1 0 ease-in forwards
}

.wrapper--home .section--active .slider .slick-slide.slick-center .slider__title {
opacity:0;
animation:sliderTitle2 .5s ease-in forwards .5s
}

.wrapper--home .slider .slick-slide.slick-center .slider__title-line {
transform:translate3d(1000px,0,0);
animation:sliderTitleLine1 0 ease-in forwards
}

.wrapper--home .section--active .slider .slick-slide.slick-center .slider__title-line {
transform:translate3d(1000px,0,0);
animation:sliderTitleLine2 1s ease-out forwards .5s
}

@keyframes sliderTitle1 {
0% {
opacity:1;
overflow:visible
}

100% {
opacity:0;
overflow:hidden
}
}

@keyframes sliderTitle2 {
0% {
opacity:0;
overflow:hidden
}

100% {
overflow:visible;
opacity:1
}
}

@keyframes sliderTitleLine1 {
0% {
transform:translate3d(0,0,0)
}

100% {
transform:translate3d(1000px,0,0)
}
}

@keyframes sliderTitleLine2 {
0% {
transform:translate3d(1000px,0,0)
}

100% {
transform:translate3d(0,0,0)
}
}

.wrapper--home .slider .slick-slide.slick-center .slider__geo {
transform:translate3d(100px,100px,0);
animation:sliderMeta1 0 ease-in forwards;
opacity:1
}

.wrapper--home .section--active .slider .slick-slide.slick-center .slider__geo {
transform:translate3d(100px,100px,0);
animation:sliderMeta2 1s ease-out forwards .5s;
opacity:0
}

@keyframes sliderMeta1 {
0% {
opacity:1
}

100% {
opacity:0
}
}

@keyframes sliderMeta2 {
0% {
opacity:0;
transform:translate3d(100px,100px,0)
}

100% {
opacity:1;
transform:translate3d(0,0,0)
}
}

.wrapper--home .slider .slick-slide.slick-center .slider__space {
transform:translate3d(-100px,100px,0);
animation:sliderMeta3 0 ease-in forwards;
opacity:1
}

.wrapper--home .section--active .slider .slick-slide.slick-center .slider__space {
transform:translate3d(-100px,100px,0);
animation:sliderMeta4 1s ease-out forwards .5s;
opacity:0
}

@keyframes sliderMeta3 {
0% {
opacity:1
}

100% {
opacity:0
}
}

@keyframes sliderMeta4 {
0% {
opacity:0;
transform:translate3d(-100px,100px,0)
}

100% {
opacity:1;
transform:translate3d(0,0,0)
}
}

.wrapper--home .behind-imgs__item--img-2 {
transform:translate3d(-320px,160px,0)
}

.wrapper--home .section--active .behind-imgs__item--img-2 {
transform:translate3d(-620px,-140px,0)
}

.wrapper--home .section--active.active-behind .behind-imgs__item--img-2 {
transform:translate3d(-920px,-340px,0)
}

.wrapper--home .behind-imgs__item--img-3 {
transform:translate3d(370px,160px,0)
}

.wrapper--home .section--active .behind-imgs__item--img-3 {
transform:translate3d(670px,-140px,0)
}

.wrapper--home .section--active.active-behind .behind-imgs__item--img-3 {
transform:translate3d(970px,-440px,0)
}

.wrapper--home .behind-imgs__item--img-4 {
transform:translate3d(-284px,160px,0)
}

.wrapper--home .section--active .behind-imgs__item--img-4 {
transform:translate3d(-584px,135px,0)
}

.wrapper--home .section--active.active-behind .behind-imgs__item--img-4 {
transform:translate3d(-884px,435px,0)
}

.wrapper--home .behind-imgs__item--img-5 {
transform:translate3d(370px,160px,0)
}

.wrapper--home .section--active .behind-imgs__item--img-5 {
transform:translate3d(670px,120px,0)
}

.wrapper--home .section--active.active-behind .behind-imgs__item--img-5 {
transform:translate3d(970px,420px,0)
}

.wrapper--home .progress--active .progress__item {
width:10%
}

.wrapper--home .progress__content {
transition:all 1s
}

.wrapper--home .progress--active .progress__content {
transition:all 1s;
opacity:0
}

.wrapper--home .progress--active .progress__item:hover {
width:90%
}

.wrapper--home .progress--active .progress__item:hover .progress__content {
opacity:1
}

.wrapper--home .progress__item .progress__img--load {
transition:all 1.5s
}

.wrapper--home .progress--active .progress__item:hover .progress__img--load {
transform:translateY(-50%) rotate(-360deg)
}

.wrapper--home .progress__item .progress__txt {
transition:all 1.5s
}

.wrapper--home .progress--active .progress__item:hover .progress__txt {
transform:translateX(100%)
}

.wrapper--project .wrap--green .section__content {
transition:all 1.5s;
transform:translate3d(-100%,0,0);
opacity:0
}

.wrapper--project .wrap--green .section--active .section__content {
transform:translate3d(0,0,0);
opacity:1
}

.wrapper--project .wrap--green .section__img {
height:597px;
overflow:hidden
}

.wrapper--project .wrap--green .section__img img {
transition:all 1.5s;
opacity:0;
transform:translateY(100%)
}

.wrapper--project .wrap--green .section--active .section__img img {
opacity:1;
transform:translateY(0)
}

.wrapper--project .wrap--work .title {
transition:all 2s;
transform:translateX(-100%);
opacity:0
}

.wrapper--project .wrap--work .section--active .title {
transform:translateX(0);
opacity:1
}

.wrapper--project .wrap--work p {
transition:all 1s;
transform:translate3d(200px,200px,0);
opacity:0
}

.wrapper--project .wrap--work .section--active p {
transform:translate3d(0,0,0);
opacity:1
}

.wrap--workspace.wrap--wide p {
  transform:translate3d(0,0,0);
  opacity:1;
  max-width: 1200px;
  padding: 25px 0 60px;
  margin: 0 auto;
}

.wrap--workspace.wrap--wide .slider-title {
  max-width: 1200px;
  padding: 25px 0 20px;
  margin: 0 auto;
  font-weight: 300;
  font-size: 21px;
  line-height: 35px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.wrapper--project .wrap--work .imgs {
transition:all 2s;
height:699px;
width:200px;
opacity:0
}

.wrapper--project .wrap--work .section--active .imgs {
width:100%;
opacity:1
}

.wrapper--project .wrap--mat .section__content {
transition:all 2s;
transform:translateX(-100%);
opacity:0
}

.wrapper--project .wrap--mat .section--active .section__content {
transform:translateX(0);
opacity:1
}

.wrapper--project .wrap--mat .section__img {
transition:all 2s;
transform:translateY(100%);
opacity:0
}

.wrapper--project .wrap--mat .section--active .section__img {
transform:translateY(0);
opacity:1
}

.wrapper--project .wrap--workspace .title {
transition:all 2s;
transform:translateX(100%);
opacity:0
}

.wrapper--project .wrap--workspace .section--active .title {
transform:translateX(0);
opacity:1
}

.wrap-footer {
width:100%;
max-width:1440px;
margin:0 auto;
padding:35px
}

.footer {
padding:0
}

@media only screen and (min-width:1460px) {
.custom-select__option,input,textarea {
font-size:32px
}

::-webkit-input-placeholder {
font-size:32px
}

::-moz-placeholder {
font-size:32px
}

:-moz-placeholder {
font-size:32px
}

:-ms-input-placeholder {
font-size:32px
}

.main__txt {
font-size:21px
}

.main__title {
font-size:150px
}

.sub-main__title {
font-size:150px
}

.slider__title {
font-size:210px
}

.behind__title {
font-size:150px
}

.behind__title span {
font-size:14px
}

.behind__txt {
font-size:21px
}

.progress__title {
font-size:150px
}

.progress__geo {
font-size:21px
}

.project__content {
font-size:21px
}

.main-title {
font-size:150px
}

.title {
font-size:150px
}

.page__title {
font-size:150px
}

.page p {
font-size:21px
}

.title-float__title {
font-size:150px
}

.studio h1 {
font-size:150px
}

.studio h1 span {
font-size:14px
}

.section .studio__content p {
font-size:21px
}

h4.title {
font-size:54px
}

.scroll-city {
font-size:150px
}

.gray-page__title span {
font-size:14px
}

.contact-form__item::before {
font-size:24px
}

.contact-form__title {
font-size:24px
}

.slider-page .slider__title {
font-size:150px
}

.studio {
min-height:824px
}
}

@media all and (max-width:768px) {
.tools-list__content {
  margin-bottom: 50px;
}
.fancybox-thumbs {
width:110px
}

.fancybox-show-thumbs .fancybox-inner {
right:110px
}

.fancybox-thumbs__list a {
max-width:calc(100% - 10px)
}
}

@media all and (max-height:576px) {
.fancybox-slide {
padding-left:6px;
padding-right:6px
}

.fancybox-slide--image {
padding:6px 0 0
}

.fancybox-slide--image .fancybox-content {
margin-bottom:6px
}

.fancybox-slide--image .fancybox-close-small {
background:#4e4e4e;
color:#f2f4f6;
height:36px;
opacity:1;
padding:6px;
right:0;
top:0;
width:36px
}
}

.webp .fancybox-caption::before {
background-image:url(data:image/webp;base64,UklGRoQBAABXRUJQVlA4WAoAAAAQAAAAAAAALAEAQUxQSC4BAAAAAQECAgIDAwMDBAQFBQYHBwcICAgKCgoKCwsLDA0ODg8QEBAQERESExMUFRYWFhcYGBgZGhsbGxwdHh4fICEiIiIiIyQlJSYnKCkqKiorLCwtLi8wMTEyMjMzNDU2Nzg4OTo7PD0+Pz9AQEBBQkNFRkdHSEhISUpLTE1OT1BQUVJSVFVVVldYWVlbW1xdXl9gYGJiYmNkZWZoaGlpaWttbW5vb3BwcnR0dXZ2dnd5ent7fHx+f4CBgoKDhISFhoeIiYqKjIyMjY6PkJGRk5SUlZaXl5iYmZucnJ2enp+goaKjo6SlpaanqKmqq6ysrK2trq+wsbKysrO0tba3uLi5ubm6u7y8vb6/wMDAwMHCw8PExcbGxsfIyMjJysvLy8zNzc7Oz9DQ0NDR0tTY1FZQOCAwAAAAsAMAnQEqAQAtAT6RSKBMJaQjIiGoALASCWkAAAx04cOHDhw4boAA/vjO7AAAAAAA)
}

.webp .wrapper--home {
background:url(../img/content/hp_new.png) top center no-repeat
}

.webp .wrapper--studio {
background:url(../img/bgs/studio-bg.png) top center no-repeat
}

@media only screen and (min-width:760px) {
.webp .wrapper--home {
  background:url(../img/content/hp_new.png) top center no-repeat
}
}

@media only screen and (min-width:760px) {
.webp .wrapper--studio {
background:url(../img/bgs/pc/studio-bg.png) top center no-repeat
}
}

.people-box {
  position: relative;
}

.people-box .hoverImg {
  display: none;
}

.people-box .text-for-hover:hover + img {
  width: 300px;
  right: 0;
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  animation: fadeIn ease 0.3s;
  -webkit-animation: fadeIn ease 0.3s;
  -moz-animation: fadeIn ease 0.3s;
  -o-animation: fadeIn ease 0.3s;
  -ms-animation: fadeIn ease 0.3s;
  z-index: 10;
}

.people-box .text-for-hover:hover {
  color: rgba(51,51,51,.2);
  transition: .3s;
}
/* first second third fourth fifth sixth seventh */

.people-box .text-for-hover:hover + img.first {
  top: -80px;
  left: -160px;
}

.people-box .text-for-hover:hover + img.second {
  top: -80px;
  left: 430px;
}

.people-box .text-for-hover:hover + img.third {
  top: -80px;
  left: -37em;
}

.people-box .text-for-hover:hover + img.fourth {
  top: -80px;
  left: 38em;
}

.people-box .text-for-hover:hover + img.fifth {
  top: -80px;
  left: -33em;
}

.people-box .text-for-hover:hover + img.sixth {
  top: -80px;
  right: 19em;
}

.people-box .text-for-hover:hover + img.seventh {
  top: -80px;
  left: -33em;
}

.wrap-header .menu {
  /* display: none; */
}

.wrap-header.is-open .menu {
  display: block;
}

.main__title.mobile-only{
  display: none;
}

@media (min-width:769px) and (max-width:1400px) {
  .people-box .text-for-hover:hover + img {
    width: 150px;
    top: -25px !important;
  }
  .people-box .text-for-hover:hover + img.sixth {
    top: -80px;
    left: 26em;
  }
}

@media all and (max-width:768px) {
  .title-float__title--3 {
    padding-left: 3em;
  }
  .title-float__title {
    font-size: calc(42px + 108*(100vw - 390px)/ 1128);
  }
  .people-box .text-for-hover:hover + img {
    width: 100px;
  }
  .people-box .text-for-hover:hover + img.first {
    top: -30px;
    left: -59px;
  }
  .people-box .text-for-hover:hover + img.second {
    top: -30px;
    left: -8em;
  }
  .people-box .text-for-hover:hover + img.third {
    top: -30px;
    left: 0;
  }
  .people-box .text-for-hover:hover + img.fourth {
    top: -30px;
    left: 9em;
  }
  .people-box .text-for-hover:hover + img.fifth {
    top: -30px;
    left: -12em;
  }
  .people-box .text-for-hover:hover + img.sixth {
    top: -30px;
    left: 13em;
  }
  .people-box .text-for-hover:hover + img.seventh {
    top: -30px;
    left: -7em;
  }
  .wrapper--home {
    background:url(../img/bgs/hp-mobile.png) top center no-repeat !important;
    background-size:100% auto!important
  }
  .wrap-header .menu {
    display: none;
  }
  .main__title.desktop-only{
    display: none;
  }
  .main__title.mobile-only{
    display: block;
  }
}


@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.grey-text {
  color: rgba(51,51,51,.2);
}

.arcadia-color {
  color: #88BCE5;
}

.yoga-color {
  color: #9C9E59;
}

.rr-color {
  color: #DD6926;
}

.s-color {
  color: #CAB99F;
}

.contact-button {
  font-size: 21px;
  min-height: 92px;
  max-width: 388px;
}

.wrap .section .privacy-font-56 {
  font-family: Bigilla,serif;
  font-size: 56px;
  line-height: 56px;
}

@media all and (max-width:768px) {
  .wrap .section .privacy-font-56 {
  font-size: 24px;
  line-height: 24px;
  } 
  .wrap--page-820.privacy-page p {
    line-height: 24px;
  }
}

/* COOKIE BAR */

/* Cookie Bar */

@media only screen and (max-width: 1000px) {
  #cookie-bar p {
      max-width: 465px;
  }
}

@media only screen and (max-width : 767px) {
  #cookie-bar {
      flex-direction: column;
  }
  #cookie-bar p {
      padding-bottom: 20px;
  }
}