/* Start:/local/templates/Starkwood/css/base.css?177489975526681*/
/*@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,700,800&display=swap");*/

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXV0poK5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXx0poK5.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXd0poK5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXZ0poK5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9WXh0pg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
  outline: none;
}

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

body,
html {
  height: 100%;
  background: #323137;
}

html {
  width: 100%;
  height: auto;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-size: 18px;
  line-height: 180%;
  color: #000;
  font-family: "Montserrat", sans-serif;
  min-width: 300px;
  min-height: 100%;
  position: relative;
  overflow: inherit;
  width: 100%;
  min-height: 100%;
  margin: 0;
  text-align: left;
  white-space: normal;
}

main {
  background: #fff;
}

h1,
h2,
.h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

h1,
h2,
.h2,
h3 {
  text-transform: uppercase;
}

h1 {
  font-size: 60px;
  font-size: 3vw;
  line-height: 105%;
}

h2, .h2 {
  font-size: 48px;
  font-size: 2.7vw;
  line-height: 110%;
}

h3,
.main__h3style {
  font-size: 40px;
  font-size: 1.9vw;
  line-height: 120%;
  margin: 2vw 0;
}

h4 {
  font-size: 27px;
  font-size: 1.5vw;
  line-height: 1.5;
}

.hl-p {
  font-weight: 600;
  font-size: 24px;
  font-size: 1.4vw;
  line-height: 150%;
  margin-top: 1vw;
  font-weight: 600;
}

.hl-sh {
  font-weight: 500;
  font-size: 24px;
  font-size: 1.3vw;
  line-height: 150%;
  margin-bottom: 1vw;
}

.super-text {
  font-size: 24px;
  font-size: 1.2vw;
  line-height: 125%;
  font-weight: 500;
}

@media screen and (min-width: 1900px) {
  h1 {
    font-size: 50px;
  }

  h2, .h2 {
    font-size: 40px;
  }

  h3,
  .main__h3style {
    font-size: 35px;
  }

  h4 {
    font-size: 25px;
  }

  .super-text {
    font-size: 18px;
  }

  .hl-p,
  .hl-sh {
    font-size: 22px;
  }
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: 27px;
  }

  h2, .h2 {
    font-size: 25px;
  }

  h3,
  .main__h3style {
    font-size: 23px;
  }

  h4 {
    font-size: 20px;
  }

  .super-text {
    font-size: 16px;
  }

  .hl-p,
  .hl-sh {
    font-size: 18px;
  }
}

@media screen and (max-width: 1050px) {
  h1 {
    font-size: 20px;
  }

  h2, .h2 {
    font-size: 18px;
  }

  h3,
  .main__h3style {
    font-size: 16px;
  }

  h4 {
    font-size: 16px;
  }

  .super-text {
    font-size: 14px;
  }

  .hl-p,
  .hl-sh {
    font-size: 14px;
  }
}

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

  .hl-p,
  .hl-sh {
    padding: 0 20px;
  }
}

a:focus,
a:hover {
  text-decoration: none;
  color: #fbd691;
}

a {
  color: #fff;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease;
}

q:before,
q:after {
  content: none;
}

blockquote,
q {
  quotes: none;
}

blockquote {
  position: relative;
  padding: 25px 25px;
}

blockquote:before {
  content: "";
  display: block;
  width: 24px;
  height: 30px;
  position: absolute;
  left: -28px;
  top: -5px;
}

blockquote:after {
  content: "";
  display: block;
  width: 24px;
  height: 30px;
  position: absolute;
  right: -28px;
  bottom: -10px;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

hr {
  display: block;
  height: 1px;
  width: 100%;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

strong,
dfn {
  font-weight: bold;
}

em,
dfn {
  font-style: italic;
}

sup,
sub {
  line-height: 0;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
}

address {
  margin: 0 0 1.5em;
  font-style: italic;
}

del {
  color: #121212;
}

pre {
  margin: 1.5em 0;
  white-space: pre;
}

pre,
code,
tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

li ul,
li ol {
  margin: 0;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

li {
  position: relative;
  padding-left: 0;
  margin-top: 0;
}

.sitewrap ul li,
.ajax-content ul li {
  position: relative;
  padding-left: 30px;
  margin-top: 10px;
}

.sitewrap ul li:before,
.ajax-content ul li:before {
  content: "—";
  position: absolute;
  left: 0;
}

.sitewrap ol li,
.ajax-content ol li {
  position: relative;
  padding-left: 10px;
  margin-top: 10px;
}

.sitewrap ol,
.ajax-content ol {
  margin-left: 15px;
}

ol {
  list-style-type: decimal;
}

dl {
  margin: 0 0 1.5em 0;
}

dl dt {
  font-weight: bold;
}

dd {
  margin-left: 1.5em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.4em;
  width: 100%;
}

th {
  font-weight: bold;
}

thead th {
  background: #c3d9ff;
}

th,
td,
caption {
  padding: 4px 10px 4px 5px;
  vertical-align: middle;
}

a {
  outline: 0;
}

div.clear,
div.clr,
hr {
  clear: both;
  border: 0;
  background: transparent;
  margin: 0;
}

/*   .noscroll {
       overflow: hidden;
   }
*/

.sitewrap {
  height: auto;
  min-height: 100vh;
  overflow: hidden;
  max-width: 100vw;
  position: relative;
  z-index: 0;
  padding-bottom: 660px;
  box-sizing: border-box;
}

.sitewrap:has(.sitewrap_darkBg) {
  background: #28282C;
}

/*   .sitewrap.active {
       position: relative;
       z-index: 5;
       padding-bottom: 0;
   }*/

header {
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
}

footer {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  margin-top: -660px;
  height: 770px;
  overflow: hidden;
}

/*    .wrap {
        min-height: 100vh;
        overflow: hidden;
    }*/

.section,
section {
  padding: 50px 0;
  opacity: 1;
  position: relative;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}

.nodisplay,
.hidden {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}

:invalid {
  box-shadow: none;
}

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

img.responsive {
  width: auto;
  height: auto;
  max-width: 100%;
}

.inner {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  padding: 0 3%;
  box-sizing: border-box;
}

.innerHeader {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  padding: 0 16.5%;
  box-sizing: border-box;
}

.inner-mid {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}

.inner-th {
  width: auto;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.inln {
  display: inline-block;
  vertical-align: top;
}

.inlm {
  display: inline-block;
  vertical-align: middle;
}

.form-input {
  position: relative;
}

input,
textarea,
input-text *,
select {
  font-family: "Montserrat", sans-serif;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;
}

input:active,
input:focus {
  outline: none;
}

input {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}

.input.darkbg,
.input-method-txt {
  background: transparent;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 6vh;
  border: 2px solid #444444;
  border-bottom: 0;
  border-collapse: collapse;
  padding: 10px 3vw;
  color: #fff;
  font-size: 0.8vw;
  text-align: left;
  line-height: 1;
  outline: none;
}

.rf-form-input.visible:last-child .input.darkbg {
  border-bottom: 2px solid #444444;
}

.input-method {
  border-bottom: 2px solid #444444;
  background: #46464b;
}

.input-method.active {
  background: #323137;
  transition: all 0.3s ease-in-out;
}

.input-text textarea.input.darkbg {
  height: 10vw;
  padding: 20px 3vw;
  line-height: 1.7;
}

.input.darkbg::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.input.darkbg::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.input.darkbg:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.input.darkbg:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #323137 inset !important;
}

.rf-form-input {
  position: relative;
}

.input-method-txt {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.input-method-dd {
  position: absolute;
  bottom: 0;
  background: #28282c;
  color: #fff;
}

.input-method-dd {
  position: absolute;
  z-index: 1;
  bottom: 0;
  background: #28282c;
  color: #fff;
  width: 100%;
  -webkit-transform: translateY(101%);
  transform: translateY(101%);
  text-align: left;
  box-sizing: border-box;
  padding: 0.5vw;
  display: none;
}

.input-method.active .input-method-dd {
  display: block;
}

.input-method-dd li {
  font-size: 0.8vw;
  padding-left: 2.5vw;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}

.input-method-dd li:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.1vw;
  height: 1px;
  left: 0.5vw;
  opacity: 0.2;
  background: #fff;
  transition: all 0.3s ease;
}

.input-method-dd li.selected:before,
.input-method-dd li:hover:before {
  background: #fbd691;
  opacity: 1;
}

.input-method-dd li.selected,
.input-method-dd li:hover {
  color: #fbd691;
}

.rf-form-input-before,
.rf-form-input:before {
  position: absolute;
  top: 50%;
  left: 1vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 1.1vw;
  display: flex;
  align-items: center;
}

.rf-form-input:before {
  height: 1.1vw;
}

.input-text .rf-form-input-before,
.input-text .rf-form-input:before {
  top: 30px;
}

.rf-form-input-before svg {
  width: 100%;
  height: auto;
}

.error .rf-form-input-before svg path {
  fill: #f44336;
}

.focus .rf-form-input-before svg path {
  fill: #fbd691;
}

.input-email.error .rf-form-input-before svg path {
  fill: #f44336;
}

/* .input-name-before {
        background: url(/local/templates/Starkwood/css/../img/input-name.svg) 50% 50% no-repeat;
        background-size: contain;
    } */
/* .input-phone-before {
        background: url(/local/templates/Starkwood/css/../img/input-phone.svg) 50% 50% no-repeat;
        background-size: contain;
    } */

.input-method:before {
  background: url(/local/templates/Starkwood/css/../img/input-method1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.rf-form-input.valid:after {
  position: absolute;
  top: 50%;
  right: 1vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 2.7vw;
  height: 2.7vw;
  display: block;
  background: url(/local/templates/Starkwood/css/../img/input-ok.svg) 50% 50% no-repeat;
  background-size: contain;
}

.rf-form-input.input-text.valid:after {
  top: 25px;
}

form .input-fullwidth,
form .rf-form-input.input-fullwidth {
  width: 100%;
}

.input-method:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1vw;
  -webkit-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);
  border: 5px solid transparent;
  border-right: 9px solid #fff;
  width: 0;
  height: 0;
}

.input-method.active:after {
  -webkit-transform: rotateZ(90deg) translateX(-50%);
  transform: rotateZ(90deg) translateX(-50%);
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #323137 !important;
  /* Цвет фона */
  -webkit-text-fill-color: #fff !important;
  /* цвет текста */
  color: #fff !important;
  /* цвет текста */
}

.fakeScroll__scope {
  overflow: visible !important;
}

.fakeScroll__wrap {
  overflow: hidden;
  height: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  cursor: none;
}

.fakeScroll__content {
  height: 100%;
  padding: 0;
  position: relative;
  margin: 0 -21px 0 0;
  overflow: auto;
  overflow-x: visible;
  box-sizing: border-box;
}

.fakeScroll__track {
  position: absolute;
  z-index: 120;
  right: 0;
  top: 0;
  bottom: 0;
  width: 9px;
  cursor: default;
}

.fakeScroll__bar {
  position: relative;
  background: rgba(238, 223, 192, 0.4);
  width: 100%;
  right: 0;
  top: 0;
  z-index: 0;
  transition: background 0.1s;
  cursor: -webkit-grab;
}

.fakeScroll__bar:hover {
  background: rgba(255, 255, 255, 0.55);
}

.fakeScroll__bar.fakeScroll--grabbed {
  cursor: -webkit-grabbing;
  background: white;
}

body.fakeScroll--grabbed {
  cursor: -webkit-grabbing;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fotorama__wrap {
  margin: 0 auto;
}

.fotorama__nav-wrap {
  margin-top: 1vw;
}

.button-bordered a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 16px;
  font-size: 0.85vw;
  letter-spacing: 0.2px;
  line-height: 0;
  text-align: center;
  white-space: nowrap;
  padding: 1.5vw 2vw;
  border: 2px solid #fff;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.button-bordered a:hover {
  background: #fbd691;
  color: #000;
  border-color: #fbd691;
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2),
    0px 6px 34px rgba(251, 214, 145, 0.45);
}

.button-bordered.goldborder a {
  border: 1px solid #FBD691;
  font-weight: 300;
}

.button-bordered.blackborder a {
  border: 1px solid #323137;
  color: #323137;
}

.button-bordered.blackborder a:hover {
  border-color: transparent;
}

.button-bordered.whiteBg a {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #323137;
}

.button-bordered.whiteBg a:hover {
  border-color: #FBD691;
  background-color: #FBD691;
}

.tmb-text-button a {
  display: inline-block;
  box-sizing: border-box;
  min-width: 15vw;
  font-weight: 600;
  font-size: 16px;
  font-size: 0.85vw;
  letter-spacing: 0.2px;
  line-height: 0;
  text-align: center;
  white-space: nowrap;
  padding: 1.3vw 2vw;
  border: 0;
  background: #323137;
  color: #fff;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.tmb-text-button a:hover {
  background: #fbd691;
  color: #000;
  border-color: #fbd691;
  box-shadow: 0px 6px 34px rgba(251, 214, 145, 0.45);
}

.tmb-text-button-paddtop.tmb-text-button {
  margin-top: 2vw;
}

.button-solidBg a {
  box-sizing: border-box;
  font-weight: 600;
  font-size: 16px;
  font-size: 0.85vw;
  letter-spacing: 0.2px;
  line-height: 0;
  text-align: center;
  white-space: nowrap;
  border: 2px solid #fff;
  border-radius: 50px;
  background: #fff;
  color: #000;
  transition: all 0.3s ease;
}

.button-solidBg a:hover {
  background: #fbd691;
  color: #000;
  border-color: #fbd691;
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2),
    0px 6px 34px rgba(251, 214, 145, 0.45);
}

.button-bordered-thin a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: 300;
  font-size: 17px;
  font-size: 0.9vw;
  letter-spacing: 0.2px;
  line-height: 0;
  text-align: center;
  white-space: nowrap;
  padding: 1.5vw 4vw;
  border: 1px solid #fff;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.button-bordered-thin a:hover {
  background: #fbd691;
  color: #000;
  border-color: #fbd691;
  box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2),
    0px 6px 34px rgba(251, 214, 145, 0.45);
}

@media screen and (min-width: 1900px) {

  .button-bordered a {
    padding: 25px 50px;
  }
  .button-bordered-thin a {
    font-size: 18px;
    padding: 30px 70px;
  }

  .input.darkbg,
  .input-method-txt {
    font-size: 16px;
  }
}

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

  .input.darkbg,
  .input-method-txt {
    font-size: 14px;
  }
}

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

  .button-solidBg a,
  .button-bordered a,
  .tmb-text-button a {
    font-size: 14px;
    font-weight: 500;
    padding: 25px 30px;
    display: inline-block;
    min-width: 250px;
  }

  .button-bordered-thin a {
    font-size: 14px;
    padding: 20px 25px;
    min-width: 200px;
  }
}

.rf-inputsform_group {
  margin-bottom: 1vw;
}

.rf-inputsform_group:last-child {
  margin-bottom: 0;
}

.darkest-page-form {
  background: #323137;
}

.darkest-page-form .super-text,
.darkest-page-form h2,
.darkest-page-form .rf-agreement {
  color: #FFF;
}

.darkest-page-form .cp-form .rf-agreement {
  margin-top: 15px;
}

.darkest-page-form .input.darkbg,
.darkest-page-form .input-method-txt,
.darkest-page-form .input-text textarea.input.darkbg {
  background: #212124;
  border: 0;
  margin-top: 2px;
  padding: 10px 1.5vw;
  font-size: 1vw;
}

.darkest-page-form .input.darkbg.error {
  background: rgb(255 0 0 / 15%);
}

.botform-action {
  margin-top: 3vw;
}

.botform-action_text {
  color: #FFF;
  font-size: 1.5vw;
  line-height: 125%;
  font-weight: 500;
}

.botform-action_call {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
}

#form_workWidthus .rf-title.complete {
  color: #FFF;
}

#form_workWidthus.complete {
  visibility: visible;
  opacity: .5;
  pointer-events: none;
}

.botform-action_phone {
  font-size: 42px;
  font-size: 2.19vw;
  font-weight: bold;
  line-height: 1;
}

.botform-action_icon svg {
  display: block;
  width: 2vw;
  height: auto;
  margin-right: 1vw;
}

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

  .darkest-page-form .input.darkbg,
  .darkest-page-form .input-method-txt,
  .darkest-page-form .input-text textarea.input.darkbg {
    padding: 10px 10px;
    font-size: 14px;
  }
}

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

  .darkest-page-form .input.darkbg,
  .darkest-page-form .input-method-txt,
  .darkest-page-form .input-text textarea.input.darkbg {
    font-size: 12px;
  }

  .botform-action_text {
    font-size: 14px;
  }

  .botform-action_phone {
    font-size: 16px;
  }

  .botform-action_icon svg {
    width: 18px;
  }

  .rf-inputsform_group {
    margin-bottom: 15px;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

.go-to-gallery-textlink {
  text-transform: uppercase;
  font-weight: bold;
}
/* End */


/* Start:/local/templates/Starkwood/css/loader.css?1751645970960*/

.loader {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: #323137;
	transition: all .5s cubic-bezier(0.14, 0.13, 0.9, 0.07);
}

.loader.startanimate {
	transform: translateY(-100%);
}

.ajaxloader {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: #323137;
	transition: all .5s cubic-bezier(0.14, 0.13, 0.9, 0.07);
	transform: translateY(100%);
}

.ajaxloader.startanimate {
	transform: translateY(0%);
}

.ajaxloader.startanimate.processanimate {
	transform: translateY(-100%);
}

main {
	visibility: hidden;
	opacity: 0;
}

main.page-loaded {
	visibility: visible;
	opacity: 1;
}

.animMenuEL {
	transition: all .5s ease;
}

.hideMenuEl {
	opacity: 0;
	transform: translateX(10px);
}

.animFb,
.animated-text.animated-text-active.animFb
 {
	transition: all .5s ease;
}

.hideFb,
.animated-text.animated-text-active.hideFb {
	opacity: 0;
	transform: translateY(10px);
}


/* End */


/* Start:/local/templates/Starkwood/css/header.css?17516459708737*/
/* HEADER */

.top-header {
    transition: all .5s ease;
}

.top-header.out {
    opacity: 0;
    pointer-events: none;
}

.t-header-l-openMenu {
    width: 2vw;
}

.t-header-c li:before {
    display: none;
}

.t-header-c li:after {
    display: none;
}

.burger {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    width: 20px;
    height: 18px;
    cursor: pointer;
    overflow: hidden;
    position: fixed;
    z-index: 21;
    top: 2.7vw;
    left: 3vw;
    transition: all .5s ease;
}

.burger.activated {
    top: 3.1vw;
    z-index: 1001;
}

.burger.dark-bg {
    top: 1.65vw;
    width: 18px;
    height: 14px;
}

.burger.out {
    opacity: 0;
    pointer-events: none;
}

.burger div {
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all 0.25s;
}

.burger div.short {
    width: 70%;
}

.burger:hover div.short {
    width: 100%;
}

.burger.activated div:nth-child(1) {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
}

.burger.activated div:nth-child(2) {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}

.burger.activated div:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}

.burger.dark-bg.activated div:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
}

.burger.dark-bg.activated div:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}

@-webkit-keyframes top-spin {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        -webkit-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg);
    }
    100% {
        -webkit-transform: translateY(12px) rotate(-135deg);
        transform: translateY(12px) rotate(-135deg);
    }
}

@keyframes top-spin {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        -webkit-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg);
    }
    100% {
        -webkit-transform: translateY(12px) rotate(-135deg);
        transform: translateY(12px) rotate(-135deg);
    }
}

@-webkit-keyframes bottom-spin {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        -webkit-transform: translateY(-15px) rotate(-45deg);
        transform: translateY(-15px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(-15px) rotate(135deg);
        transform: translateY(-15px) rotate(135deg);
    }
}

@keyframes bottom-spin {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        -webkit-transform: translateY(-15px) rotate(-45deg);
        transform: translateY(-15px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(-15px) rotate(135deg);
        transform: translateY(-15px) rotate(135deg);
    }
}

.openMenu-hamburger {
    visibility: hidden;
}

.topburger.activated {
    visibility: visible;
}

.t-header-l-openMenu .openMenu-hamburger {
    visibility: visible;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
}

.t-header-inner {
    display: flex;
    justify-content: space-between;
    padding: 2% 3vw;
    width: 100%;
    box-sizing: border-box;
    transition: all .8s ease;
}

.t-header-l {
    display: flex;
    align-items: center;
}

.t-header-l-logoWrap {
    margin-left: 2vw;
}

.t-header-l-logoWrap a {
    display: flex;
    align-items: center;
}

.t-header-l-logoImg {
    width: 11vw;
    transition: all .5s ease;
}

.t-header-l-logoImg img,
.t-header-l-logoImg svg {
    width: 100%;
    display: block;
}

.t-header-r {
    display: flex;
    /* align-items: center; */
    justify-content: flex-end;
}

.t-header-r-phone {
    padding-right: 2vw;
}

.t-header-r-phone .tel {
    font-weight: 600;
}

.t-header-r-phone a {
    font-size: 24px;
    font-size: 1.3vw;
    line-height: 1;
    margin-top: 7px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.t-header-r-phone a svg {
    margin-right: 15px;
    height: 20px;
    width: auto;
    display: block;
    transform: translateY(10%);
}

.t-header-r-phone .open-form-headertop {
    font-size: 12px;
    font-size: .8vw;
    font-weight: 300;
    text-align: right;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
}

.thrp-city {
    color: #FFF;
    margin-bottom: 0px;
    font-size: 12px;
    font-size: .8vw;
    display: block;
    line-height: 1;
}

.t-header-r-phone:first-child .thrp-city {
    margin-left:35px;
}

.dark-bg .t-header-inner {
    background: #323137;
    padding: .7% 3vw;
}

.dark-bg .t-header-r .button-bordered a {
    font-size: .75vw;
    padding: .3vw 1.4vw;
    border: 1px solid #FFF;
}

.dark-bg .t-header-r .button-bordered a:hover {
    border-color: #FBD691;
}

.dark-bg .t-header-r-phone a {
    font-size: 1vw;
}

.dark-bg .t-header-r-phone .open-form-headertop {
    font-size: .615vw;
}

.dark-bg .thrp-city {
    font-size: .615vw;
}

.dark-bg .t-header-l-logoImg {
    width: 8vw;
}

.dark-bg .t-header-l-logoTxt {
    font-size: .6vw;
    position: relative;
    top: 0;
    margin: 5px 0 0 13px;
}

.t-header-l-mobilePhone {
    display: none;
}


/* TOP MENU */

.t-header-c {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 3px;
}

.t-header-c ul {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

.t-header-c ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0 2%;
}

.t-header-c ul li:last-child {
    margin-right: 0;
}

.t-header-c ul li a {
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    line-height: 1.3;
    white-space: nowrap;
}

@media screen and (min-width: 1900px) {
    .t-header-l-logoTxt {
        font-size: 11px;
    }
    .t-header-r-phone a {
        font-size: 24px;
    }
    .thrp-city {
        font-size: 15px;
    }
    .t-header-r-phone .open-form-headertop {
        font-size: 15px;
    }
    .button-bordered a {
        font-size: 16px;
    }
}

@media screen and (max-width: 1500px) {
    .t-header-c ul li a {
        font-size: 13px;
    }
    .t-header-r-phone a svg {
        display: none;
    }
    .t-header-r-phone:first-child .thrp-city {
        margin-left: 0;
    }
}

@media screen and (max-width: 1260px) {
    .t-header-c ul li a {
        font-size: 13px;
    }
    .t-header-c ul li.HIDE_SM {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .t-header-c ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1050px) {
    .t-header-inner {
        padding: 20px 30px;
    }
    .t-header-l-logoImg {
        width: 140px;
    }
    .t-header-l-logoTxt {
        font-size: 9px;
        margin: 3px 0 0 13px;
    }
    .t-header-r-phone a {
        font-size: 18px;
    }
    .button-bordered a {
        font-size: 14px;
    }
    .burger {
        top: 36px;
        left: 30px;
    }
    .burger.dark-bg {
        top: 15px;
    }
    .dark-bg .t-header-l-logoImg {
        width: 120px;
    }
    .dark-bg .t-header-l-logoTxt {
        font-size: 9px;
        margin: 3px 0 0 13px;
    }
    .dark-bg .t-header-r-phone a {
        font-size: 16px;
    }
    .dark-bg .t-header-r .button-bordered a {
        font-size: 12px;
        padding: 14px 20px;
        display: inline-block;
    }
}

@media screen and (max-width: 980px) {
    .t-header-r,
    .t-header-l-logoTxt {
        display: none;
    }
    .t-header-l-openMenu,
    .t-header-l-mobilePhone {
        width: 30px;
    }
    .t-header-l-openMenu {
        width: 25px;
    }
    .t-header-l-openMenu .burger {
        width: 0px;
    }
    .t-header-l {
        width: 100%;
        justify-content: space-between;
    }
    .t-header-l-mobilePhone {
        display: block;
    }
    .t-header-l-logoWrap {
        margin: 0;
    }
    .t-header-l-mobilePhone a {
        display: flex;
        align-items: center;
    }
    .t-header-l-logoImg {
        width: 170px;
    }
    .burger,
    .burger.activated {
        top: 32px;
        left: 30px;
    }
    .openMenu-hamburger {
        visibility: visible;
    }
}
/* End */


/* Start:/local/templates/Starkwood/css/footer.css?17516459706622*/
/* FOOTER */

footer {
    color: #FFF;
    background: #242428;
}

footer .inner {
    max-width: calc(1100px + 5vw);
    box-sizing: border-box;
    padding: 0 5vw;
}

.footerTopinner {
    background: #242428;
    padding: 35px 0;
    margin-bottom: -1px;
}

.footerBottom {
    background: #28282c;
    padding: 50px 0 50px;
}

.footerTopinner .footerWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.footerBottom .footerWrap {
    display: flex;
    justify-content: space-between;
}

.footerBottom .footerBlock {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.footerBlock {
    margin: 0 1% 0 0;
    width: 23%;
}

.footerBlock:last-child {
    margin-right: 0;
}

.footerTopSocial {
    display: none;
}

/* .footerBottom .footerCompany {
    width: 20%;
} */

.footerMenu2 {
    -webkit-transform: translateX(.55vw);
    transform: translateX(.55vw);
}

.footerSlogan {
    -webkit-transform: translateX(-2vw);
    transform: translateX(-2vw);
}

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

.footerLogo-logoImg {
    /* width: 11.2vw;
    transform: translateY(10px); */
    width: 15vw;
    transform: translateY(3px);
}

.footerLogo-logoImg img {
    width: 100%;
}

.footerLogo-logoTxt {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.footerStext {
    font-size: 12px;
    line-height: 1;
}

.footerMtext {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.footerBtext {
    font-weight: 600;
    font-size: 24px;
}

.footerCompany_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fbTitle {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 35px;
}

.fbText {
    font-size: 12px;
    line-height: 1.6;
    opacity: .8;
    margin-bottom: 3.2vw;
}

.fbText p {
    margin-bottom: 10px;
}

.fbADD-logo img {
    display: block;
    height: 45px;
    line-height: 0;
    margin-top: -2px;
}

.fbADD-logo a {
    display: flex;
    align-items: center;
}

.fbADD-logoText {
    color: #FFF;
    margin-left: 15px;
}

.fbADD-logoText span {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: .8;
}

.fbADDmobile {
    display: none;
}

.footerMenu li {
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 29px;
    opacity: .8;
}

.footerMenu li:last-child {
    margin-bottom: 0;
}

.footerContscts-block_title {
    font-size: 14px;
    font-weight: 600;
}

.footerContscts-block_text {
    font-size: 13px;
    line-height: 1.6;
    opacity: .8;
}

.footerContscts-block {
    margin-bottom: 21px;
}

.footerBottom .fcb-social {
    display: flex;
    margin-bottom: 0;
}

.fcb-social a {
    width: 40px;
    height: 40px;
    background: #242428;
    border-radius: 50px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fcb-social a img {
    display: block;
    line-height: 0;
    max-width: 15px;
}

@media screen and (min-width: 1900px) {
    footer .inner {
        padding: 0 20px;
    }

    .footerLogo-logoTxt {
        font-size: 14px;
    }

    .footerBtext {
        font-size: 24px;
    }

    .footerStext {
        font-size: 12px;
    }

    .footerLogo-logoImg {
        width: 215px;
    }
}

@media screen and (max-width: 1050px) {
    .footerLogo-logoTxt {
        font-size: 9px;
    }

    .footerBtext {
        font-size: 16px;
    }

    .footerStext {
        font-size: 10px;
    }
}

@media screen and (max-width: 980px) {
    .sitewrap {
        padding-bottom: 190px;
    }

    footer {
        margin-top: -190px;
        height: 190px;
        background: #242428;
    }

    .footerLogo-logoTxt,
    .footerMail,
    .footerTime,
    .footerStext {
        display: none;
    }

    .footerLogo-logoImg {
        width: 145px;
        margin-bottom: 25px;
    }

    footer .inner {
        padding: 0 5%;
    }

    .footerBottom,
    .footerBlock {
        display: none;
    }

    .footerLogo,
    .footerTopSocial {
        display: flex;
        width: auto;
    }

    .fcb-social a {
        background: #444348;
    }

    .fbADDmobile {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .footerTopinner .footerWrap {
        flex-direction: column;
    }

    .fbADDmobile {
        margin-top: 35px;
    }

    footer {
        margin-top: -350px;
        height: 350px;
    }

    .sitewrap {
        padding-bottom: 350px;
    }
}

@media screen and (max-width: 500px) {
    .footerTopSocial {
        margin-top: 10px;
    }
}


/* VIDEO FRAME */

.videoFrame {
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 27, 0.92);
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
}

.videoFrame.active {
    visibility: visible;
    opacity: 1;
}

.videoFrameContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 80vw;
    height: 80vh;
    border-radius: 5px;
    background: #323137;
    box-shadow: 10px 35px 50px rgba(50, 49, 55, 0.6);
}

.videoFrame .close-form {
    position: absolute;
    z-index: 5;
    top: -3%;
    right: -4%;
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 1300px) {
    .videoFrame .close-form {
        right: -2%;
    }
}

.vf-wrap {
    width: 100%;
    height: 100%;
}

.vf-wrap video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

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

    .videoFrameContent {
        width: 90%;
        height: auto;
    }
}

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

    .videoFrameContent iframe {
        height: 50vh;
        display: block;
        line-height: 0;
    }

    .videoFrameContent {
        margin-top: 30px;
    }

    .videoFrameContent {
        max-height: 80%;
    }
}


@media screen and (max-width: 1060px) and (orientation: portrait) {
    .videoFrameContent iframe {
        height: 50.99vw;
    }

    .videoFrame .close-form {
        top: -11%;
        right: -5%;
    }
}

.footerCopy {
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.6;
    color: #a0a0a0;
    padding: 30px 0;
    text-align: center;
}

@media screen and (max-width: 980px) {
    .footerCopy br {
        display: none;
    }

    .footerCopy {
        padding-top: 0px;
        font-size: 11px;
        font-weight: 300;
    }
}

/* End */


/* Start:/local/templates/Starkwood/css/slick.css?17516459701776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}

/* End */


/* Start:/local/templates/Starkwood/css/main.css?175164597029467*/
body.loading {
    opacity: 0;
}

.fullTop {
    min-height: 101vh;
    max-height: 101vh;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.mTop {
    margin-top: 1vw;
}

h1.lowertext {
    text-transform: lowercase;
}

h1.lowertext::first-letter {
    text-transform: uppercase;
}

h1.limitedWidth {
    font-size: 50px;
    font-size: 2.5vw;
    max-width: 70%;
    margin: 0 auto;
}

span.sizeH1 {
    display: block;
    font-size: 50px;
    font-size: 2.5vw;
    line-height: 105%;
    font-weight: 600;
    max-width: 70%;
    margin: 0 auto;
    padding-bottom: 1vw;
}

span.sizeH1::first-letter {
    text-transform: uppercase;
}

h1.lowertext.smallcaps {
    font-size: 20px;
    font-size: 1.25vw;
    font-weight: 400;
}

.limitedWidth {
    max-width: 70%;
    margin: 0 auto;
}

/* MAIN SCREEN FUULTOP */

.mainScreen {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.mainScreen-subheader {
    margin: 20px 0 40px;
    font-size: 24px;
}

.mainScreen-subheader {
    margin: 20px 0 40px;
    margin: 2vw 0 3vw;
    font-size: 24px;
    font-size: 1.6vw;
}

@media screen and (min-width: 1900px) {
    .mainScreen-subheader {
        margin: 40px 0 40px;
        font-size: 24px;
    }
}

@media screen and (max-width: 1200px) {
    span.sizeH1 {
        font-size: 27px;
        max-width: 90%;
    }

    h1.lowertext.smallcaps {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 15px;
    }
}

@media screen and (max-width: 1050px) {
    .mainScreen-subheader {
        font-size: 18px;
    }

    span.sizeH1 {
        font-size: 25px;
    }

}

@media screen and (max-width: 980px) {
    h1.limitedWidth {
        max-width: 90%;
        font-size: 20px;
    }

    .contentCenter {
        padding-bottom: 20%;
    }

    .mainScreen-subheader {
        margin: 20px 25px 30px;
    }

    .mainScreen:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background: radial-gradient(209.50px at 50% 82.68%, rgba(30, 30, 30, 0.7) 0%, rgba(30, 30, 30, 0) 100%);
    }
}

@media screen and (max-width: 980px) and (orientation: landscape) {
    .contentCenter {
        padding-bottom: 0;
    }
}


/* WHITE SECTION */

.whiteSection {
    background: #FFF;
    padding: 7vw 0;
    overflow: hidden;
}

.whiteSection.sectionPadding {
    padding: 50px 0;
}

.topPage_text_block {
    padding-top: 10vw;
}

.introSection {
    padding: 7vw 0;
}

.whiteSection-smallPbot {
    padding-bottom: 3vw;
}

.whiteSection .super-text,
.introSection .super-text {
    margin-bottom: 1vw;
}

.whiteSection p,
.introSection p {
    max-width: 1100px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 20px;
    font-size: 1.25vw;
    line-height: 190%;
    margin: 1.7vw auto 0;
}

.topPage_catalog_blockLimiter75 {
    width: 75%;
    margin: 0 auto;
}

@media screen and (min-width: 1900px) {

    .whiteSection p,
    .introSection p {
        font-size: 20px;
    }

    .topPage_catalog_blockLimiter75 {
        max-width: 1900px;
    }


    .whiteSection .super-text,
    .introSection .super-text {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 1200px) {
    .topPage_catalog_blockLimiter75 {
        width: 95%;
    }
}

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

    .whiteSection p,
    .introSection p {
        font-size: 14px;
        max-width: 800px;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 980px) {
    .whiteSection.darkmobile {
        background: #28282C;
        color: #FFF;
    }

    .whiteSection,
    .introSection {
        padding: 70px 0;
    }

    .whiteSection .super-text,
    .whiteSection h2 {
        padding: 0 15px;
    }

    .topPage_text_block {
        padding-top: 100px;
    }
}

.dark_whiteSection {
    background: #323137;
    color: #FFF;
}

.deepDark_whiteSection {
    background: #28282C;
    color: #FFF;
}

.noBotPadding,
section.noBotPadding,
.whiteSection.noBotPadding {
    padding-bottom: 0;
    margin-bottom: -1px;
}

.noTopPadding,
section.noTopPadding,
.whiteSection-notPtop,
.whiteSection.noTopPadding {
    padding-top: 0;
    margin-top: -1px;
}

.thinWidth {
    max-width: 1100px;
    box-sizing: border-box;
    margin: 0 auto;
}


/* ABS CARD FRAME */

.absCardFrame {
    position: absolute;
    z-index: 2;
    left: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #FFF;
    width: 22%;
    padding: 3vw;
    font-size: 1.1vw;
}

.rightAbsCard .absCardFrame {
    left: auto;
    right: 10%;
}

.absCardFrame ul {
    font-weight: 500;
    margin-top: 1vw;
}

.absCardFrame p {
    margin-bottom: 1.5vw;
    font-size: 1vw;
    line-height: 1.8;
}

.absCardFrame li {
    font-size: 1.1vw;
    line-height: 1.5;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 1900px) {
    .absCardFrame {
        font-size: 16px;
    }

    .absCardFrame li,
    .absCardFrame p,
    .tmb-text-p p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1050px) {
    .absCardFrame {
        width: 320px;
        font-size: 14px;
    }

    .absCardFrame li,
    .absCardFrame p,
    .tmb-text-p p {
        font-size: 14px;
    }
}

@media screen and (max-width: 980px) {
    .hidemobile {
        display: none;
    }

    .darkmobile {
        background: #28282C;
        color: #FFF;
    }

    .darkmobile .absCardFrame {
        background: #28282C;
        color: #FFF;
    }

    .leftAbsCard {
        height: auto;
        padding: 0;
        text-align: center;
        min-height: inherit;
        max-height: inherit;
    }

    .absCardFrame {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        padding: 70px 20px 50px;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .absCardFrame h3 {
        margin: 15px 0;
    }

    .absCardFrame .super-text {
        margin-bottom: 15px;
    }

    .absCard .imageBg,
    .absCard.imageBg figure,
    .absCard .absCard-image figure {
        width: auto;
        height: 90vh;
        position: relative;
    }

    .full-cycle {
        text-align: left;
    }

    .whiteSection .super-text {
        margin-bottom: 15px;
    }

    .imageBg img {
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
    }

    .videoSectionContent {
        flex-direction: column;
        text-align: center;
    }

    .videoSectionContentText .super-text {
        margin: 40px 0 20px;
    }

    .videoSectionContentText h3 {
        max-width: 300px;
        margin: 0 auto;
    }

    .videoSection {
        align-items: center;
        max-height: none;
        min-height: 70vh;
        padding-bottom: 100px;
    }

    .videoSectionContentImg {
        position: relative;
        width: 60%;
        height: auto;
        margin-left: 0;
        cursor: pointer;
        height: 25vh;
    }
}


/* VIDEO SECTION */

.videoSection {
    display: flex;
    align-items: center;
    margin-top: -1px;
}

.videoSectionContent {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    color: #FFF;
}

.videoSectionContentImg img,
.videoSectionContentImg svg {
    width: 115%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .9s ease;
    position: absolute;
    top: -7%;
    left: -7%;
}

.videoSectionContentImg:hover .vsci-button svg {
    -webkit-filter: drop-shadow(5px 5px 5px rgba(251, 214, 145, 0.4));
    filter: drop-shadow(5px 5px 5px rgba(251, 214, 145, 0.4));
}

.videoSectionContentImg:hover .vsci-round svg {
    -webkit-filter: drop-shadow(0px 0px 10px rgba(251, 214, 145, 0.7));
    filter: drop-shadow(0px 0px 10px rgba(251, 214, 145, 0.7));
}

.videoSectionContentImg {
    position: relative;
    width: 25vw;
    height: 25vw;
    margin-left: -4.2vw;
    cursor: pointer;
}

.vsci-round {
    position: absolute;
    width: 20vw;
    height: 20vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vsci-button {
    display: block;
    width: 7vw;
    height: 7vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-38%, -50%);
    transform: translate(-38%, -50%);
}

@media screen and (max-width: 980px) {
    .videoSectionContentImg {
        width: 150px;
        height: 150px;
        margin-top: 50px;
    }

    .vsci-round {
        width: 150px;
        height: 150px;
    }

    .vsci-button {
        width: 60px;
        height: 60px;
        -webkit-transform: translate(-37%, -50%);
        transform: translate(-37%, -50%);
    }

    .videoSectionContent {
        margin-top: 60px;
    }

    .ps-arrows {
        width: 95%;
        min-width: 95%;
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
        box-sizing: border-box;
    }

    .psTextContentCenter {
        width: 100%;
    }

    .psTextParms {
        font-size: 14px;
    }
}


/* TEXT MEDIA BLOCK */

.TextMediaBlock-container {
    background: #FFF;
    padding: 0 0 6vw;
}

.TextMediaBlock-container.padd_TB_n {
    padding: 0;
}

.TextMediaBlock {
    padding: 6vw 0 0;
    display: flex;
    align-items: center;
}

.padd_mb_TB_n .TextMediaBlock:first-child {
    padding-top: 0;
}

.padd_mb_TB_n .TextMediaBlock:first-child {
    padding-bottom: 0;
}

.tmb-about {
    padding: .5vw 0;
}

[data-scroll] {
    will-change: transform;
}

.tmb-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.mediaLeft .tmb-wrap {
    flex-direction: row-reverse;
}

.tmb-media img {
    display: block;
    line-height: 0;
    width: 100%;
    position: relative;
}

.tmb-media {
    max-width: 60%;
    width: 60%;
    overflow: hidden;
    margin: 0 auto;
    will-change: transform;
}

.tmb-text {
    max-width: 40%;
    width: 40%;
    box-sizing: border-box;
    padding: 5vw;
    position: relative;
    top: -30px;
}

.madiaThin .tmb-media {
    max-width: 45%;
    width: 45%;
    overflow: hidden;
}

.madiaThin .tmb-text {
    max-width: 55%;
    width: 55%;
    box-sizing: border-box;
    padding: 5vw 10vw;
}

.tmb-text-p {
    margin-top: 2vw;
}

.tmb-text-p p {
    margin-bottom: 1.5vw;
    font-size: 1vw;
    line-height: 1.8;
}

.tmb-text-p p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 1900px) {
    .tmb-text-p p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1050px) {
    .tmb-text-p p {
        font-size: 14px;
    }
}

@media screen and (max-width: 980px) {
    .TextMediaBlock .tmb-wrap {
        flex-direction: column;
    }

    .madiaThin .tmb-text,
    .tmb-text {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px 60px;
        text-align: center;
        top: 0;
    }

    .madiaThin .tmb-media,
    .tmb-media {
        max-width: 100%;
        width: 100%;
    }

    .TextMediaBlock {
        padding: 50px 0 0;
    }

    .TextMediaBlock .super-text {
        margin-bottom: 20px;
    }

    .TextMediaBlock h3 {
        margin-bottom: 20px;
    }

    .TextMediaBlock h3 br {
        display: none;
    }

    .tmb-text-p p br {
        display: none;
    }

    .TextMediaBlock .tmb-text-button {
        height: 50px;
    }

    .tmb-text-button-paddtop.tmb-text-button {
        margin-top: 30px;
    }

    .TextMediaBlock-container {
        padding-bottom: 0;
        margin-bottom: 1vw;
    }

    .tmb-about {
        padding: 40px 0;
    }
}


/* CLIENTS CARD */

.clientsCard {
    padding: 0;
    overflow: hidden;
}

.clientsCard .card-image img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    outline: none;
}

@media screen and (max-width: 980px) {
    .rightAbsCard .absCardFrame {
        left: 0;
        right: 0;
        top: 0;
        box-sizing: border-box;
        position: relative;
        text-align: center;
        padding: 50px 20px;
    }

    .absCardFrame p {
        margin: 20px 0;
    }

    .card-image {
        height: 80%;
    }

    .clientsCard .card-image {
        height: 80vh;
        min-height: 400px;
    }

    .clientsCard figure {
        height: 100%;
    }

    .clientsCard .card-image img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 25% 0;
        object-position: 25% 0;
        line-height: 0;
        outline: none;
    }
}


/* CONSULT SECTION */

.consult-section.mTop {
    margin-top: 1vw;
}

.consult-section.mBot {
    margin-bottom: 1vw;
}

.consult-sectionContent {
    position: relative;
    z-index: 2;
    padding: 5vw 0;
    text-align: center;
    color: #FFF;
}

.consult-sectionContent .super-text {
    margin-bottom: 1vw;
}

.consult-sectionActions {
    display: flex;
    justify-content: center;
    margin-top: 2vw;
}

.consult-section .csa-btn a {
    margin: 0 .6vw;
    min-width: 16vw;
    display: inline-block;
    padding: 1.3vw 2vw;
}

.consult-section h2 {
    margin-bottom: 25px;
}

@media screen and (max-width: 1050px) {
    .consult-section .csa-btn a {
        margin: 0 20px;
        min-width: 180px;
        padding: 20px 30px;
    }
}

@media screen and (max-width: 980px) {
    .consult-section {
        padding: 150px 0;
    }

    .consult-sectionContent .super-text,
    .consult-sectionContent h2 {
        margin-bottom: 20px;
        padding: 0 3%;
    }

    .consult-sectionActions {
        margin-top: 0;
        flex-direction: column;
    }

    .consult-section .csa-btn a {
        margin: 0;
        min-width: 250px;
        padding: 20px 30px;
    }

    .consult-section .csa-btn {
        margin: 15px 0;
    }

    .consult-section .imageBg img {
        -o-object-position: 68% 50%;
        object-position: 68% 50%;
    }
}

@media screen and (max-width: 500px) {
    .consult-section.consult-getcat .imageBg img {
        -o-object-position: 0% 50%;
        object-position: 0% 50%;
    }

    .consult-section {
        margin-top: 15px;
    }
}


/* SHOWROOM  BlOCK*/

.showroom {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.showroom-content {
    margin-bottom: 1.5vw;
}

.showroom h2 {
    margin: 5px 0 25px;
}


/* SUPERIORITY BlOCK*/

.superiority {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 1vw 0;
}

.superiority_notMargin {
    margin: 0;
}

.superiority-content {
    margin-top: 1.5vw;
}

.superiority h2 {
    margin: 5px 0 25px;
    margin: .3vw 0 3vw;
}

.company-superiority {
    margin: 0;
}

.short-baner {
    height: 70vh;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFF;
    overflow: hidden;
    position: relative;
}

.short-baner-nophoto-darkbg {
    background: #323137;
}

.short-baner .imageBg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%);
}

.short-baner .imageBgDark:after {
    background: linear-gradient(180deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 35%) 80%);
}

@media screen and (max-width: 1400px) {
    .short-baner {
        height: 50vh;
        min-height: 450px;
    }

    .superiority h2 {
        margin: 5px 0 35px;
    }
}

.short-baner-content,
.short-baner_title {
    position: relative;
    z-index: 2;
}

.short-baner-content .super-text {
    margin-bottom: 20px;
}

.super-text-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.super-text-link img {
    margin-right: 10px;
}

.super-text-link.black-color {
    color: #000000;
}

.super-text-link svg {
    margin-right: 5px;
}

.contentarea {
    color: #000;
    font-size: 20px;
    font-size: 1.05vw;
    line-height: 1.8;
    max-width: calc(1190px + 10%);
    padding: 0 5%;
    box-sizing: border-box;
    margin: 70px auto;
}

.contentarea a,
.contentarea p,
.contentarea li {
    color: #000;
}

.contentarea a:hover {
    color: #FBD691;
}

.contentarea img {
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 1900px) {
    .contentarea {
        font-size: 20px;
    }
}

.imageBg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.imageBg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% bottom;
    object-position: 50% bottom;
    display: block;
    line-height: 0;
}

.mainScreenAbout .imageBg img {
    -o-object-position: 50% top;
    object-position: 50% top;
}

@media screen and (min-width: 600px) {
    .main_in_home .imageBg img {
        object-position: 30% bottom;
    }
}

.videobg,
.imageBg,
.imageBg figure {
    width: 100%;
    height: 100%;
}

.contentCenter {
    text-align: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    padding-bottom: 5%;
}

.category-h1-title {
    max-width: 70vw;
}

.mainScreen-content_paddBottom {
    padding-bottom: 5%;
}

.videobg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
    object-position: center;
}

.videoScreen::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 80%);
}

.scroll-icon {
    margin: 3vw 0;
    position: relative;
    animation-direction: alternate;
    animation-duration: 1s;
    animation-name: scrollicon;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    cursor: pointer;
}

@keyframes scrollicon {
    from {
        top: 0;
    }

    to {
        top: 20px;
    }
}

@media screen and (min-width: 1900px) {
    .short-baner {
        min-height: 700px;
    }
}

@media screen and (max-width: 980px) {
    .contentCenter {
        padding-bottom: 20%;
    }

    .short-baner {
        height: 60vh;
        min-height: auto;
    }

    .contentarea {
        font-size: 14px;
    }
}

@media screen and (max-width: 800px) and (orientation: landscape) {
    .contentCenter {
        padding-bottom: 0;
    }
}


/* AJAX POPUP */

.ajax-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

.ajax-popup.active {
    z-index: 21;
    visibility: visible;
    opacity: 1;
}

.ajax-popup-bg {
    position: absolute;
    z-index: 22;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.51);
    transition: all .5s ease .3s;
    opacity: 0;
}

.ajax-popup-bg.active {
    opacity: 1;
    transition: all .5s ease 0s;
}

.ajax-popup-content {
    position: absolute;
    overflow: auto;
    box-sizing: border-box;
    z-index: 23;
    padding: 5% 10%;
    width: 80%;
    height: 95%;
    top: 5%;
    left: 10%;
    background: #FFF;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
}

.gallery_popup .ajax-popup-content {
    width: 100%;
    left: 0%;
    padding: 5% 0;
}

.ajax-popup-content.active {
    overflow-x: hidden;
    transition: all .5s ease .3s;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.close-popup {
    position: absolute;
    overflow: auto;
    z-index: 24;
    width: 20px;
    height: 20px;
    top: 10%;
    right: 12%;
    background: url(/local/templates/Starkwood/css/../img/close-icon-black.svg) 50% 50% no-repeat;
    cursor: pointer;
    opacity: 0;
}

.gallery_popup .close-popup {
    right: 5%;
    background: url(/local/templates/Starkwood/css/../img/close-icon-black2.svg) 50% 50% no-repeat;
}

.close-popup.active {
    opacity: 1;
}


/* AJAX POPUP CUSTOM */

.ajax-popup-content .short-baner {
    height: auto;
    min-height: auto;
    display: block;
    padding: 0 5%
}

.ajax-popup-content .short-baner .imageBg {
    position: relative;
}

.ajax-popup-content .short-baner .content_h1 {
    max-width: 100%;
    width: 100%;
    color: #000;
    margin: 50px 0;
}

.ajax-popup-content .short-baner .content_h1 h1 {
    font-size: 35px;
    font-size: 2.7vw;
    padding: 0 10%;
}

@media screen and (min-width: 1900px) {
    .ajax-popup-content .short-baner .content_h1 h1 {
        font-size: 40px;
    }
}

.ajax-popup-content .short-baner .super-text a {
    color: #000;
}

.gallery_popup .ajax-popup-content {
    padding: 0;
}

.gallery_popup .ajax-content {
    overflow: hidden;
}

.gallery_popup .short-baner-gallery_content .imageBg {
    display: none;
}

.gallery_popup .short-baner-gallery_content {
    margin-bottom: 0;
}

@media screen and (max-width: 1900px) {
    .ajax-popup-content {
        width: 90%;
        left: 5%;
        padding: 5% 5%;
    }

    .close-popup {
        right: 8%;
    }

    .gallery_popup .ajax-popup-content {
        width: 100%;
        left: 0%;
        padding: 5% 0;
    }
}

@media screen and (max-width: 700px) {
    .ajax-popup-content .short-baner .content_h1 {
        margin: 0 0 50px 0;
    }

    .ajax-popup-content .contentarea {
        margin: 25px auto;
    }

    .ajax-popup-content h4 {
        font-size: 18px;
    }

    .ajax-popup-content .short-baner .content_h1 h1 {
        font-size: 22px;
        padding: 0;
    }

    .ajax-popup-content {
        width: 90%;
        left: 5%;
        padding: 5% 5%;
    }

    .close-popup {
        top: 7.5%;
        right: 9%;
    }
}

.smoth-img-scroll main img.bigTranslatedImg {
    --overflow: 80px;
}

.smoth-img-scroll main img.midTranslatedImg {
    --overflow: 60px;
}

@media screen and (min-width: 1900px) {
    .smoth-img-scroll main img.bigTranslatedImg {
        --overflow: 120px;
    }

    .smoth-img-scroll main img.midTranslatedImg {
        --overflow: 80px;
    }
}

.smoth-img-scroll main img.translatedImg {
    position: relative;
    will-change: transform;
    height: calc(100% + (2 * var(--overflow)));
    top: calc(-1 * var(--overflow));
    will-change: transform;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.animated-text {
    opacity: 0;
    /*filter: blur(3px);*/
    transition: all 1s ease;
    transform: translateY(1vw);
}

.animated-text.animated-text-active {
    opacity: 1;
    /* filter: blur(0px);*/
    transform: translateY(0);
}


/* FULL WIDTH IMAGE BLOCK */

.showroomFW {
    padding: 0;
    overflow: hidden;
}

.imageFW img {
    display: block;
    line-height: 0;
    width: 100%;
    height: auto;
}

.showroom-contentFW {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    bottom: 10%;
}

.fw_gradient {
    content: '';
    display: block;
    width: 100%;
    height: 40%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 70%) 61%, rgb(0 0 0 / 98%) 100%);
    /* background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 70%) 61%, rgb(0 0 0 / 98%) 100%); */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 70%) 61%, rgb(0 0 0 / 98%) 100%);
}

.showroom-contentFW h2 {
    margin: 5px 0 25px;
}

.has-scroll-smooth .imageFW img.translatedImg {
    position: relative;
    will-change: transform;
    height: auto;
    top: auto;
    bottom: 0;
    will-change: transform;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 800px) {
    .showroom-contentFW {
        padding: 25px 0;
        box-sizing: border-box;
        position: relative;
        bottom: 0;
        background: #28282C;
    }

    .fw_gradient {
        display: none;
    }

    .has-scroll-smooth .showroom-contentFW {
        margin-top: -25px;
    }
}


/* FULL WIDTH TOP IMAGE BLOCK */

.topblockImgFW {
    padding: 0;
    overflow: hidden;
}

.tbimgFW img,
.tbimgFW picture {
    display: block;
    line-height: 0;
    width: 100%;
    height: auto;
}

.topblockImg-contentFW {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    bottom: 10%;
}

.topblockImg-contentFW h2 {
    margin: 5px 0 25px;
}

.has-scroll-smooth .tbimgFW img.translatedImg,
.has-scroll-smooth .tbimgFW picture.translatedImg {
    position: relative;
    will-change: transform;
    height: auto;
    top: auto;
    bottom: 0;
    will-change: transform;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

@media screen and (min-width: 1100px) and (orientation: landscape) {
    .tbimgFW_media {
        height: 52vw;
    }

    .tbimgFW picture {
        object-fit: contain;
        object-position: bottom;
        position: absolute;
        bottom: 0;
    }
}

@media screen and (min-width: 1100px) and (orientation: landscape) and (min-aspect-ratio: 16/10) {
    .tbimgFW_media {
        height: 60vw;
    }
}

@media screen and (min-width: 1100px) and (aspect-ratio: 16/10) {
    .tbimgFW_media {
        height: 60vw;
    }
}

@media screen and (min-width: 1300px) and (orientation: landscape) and (min-aspect-ratio: 16/10) {
    .tbimgFW_media {
        height: 52vw;
    }
}

@media screen and (min-width: 1100px) and (min-aspect-ratio: 21/9) {
    .tbimgFW_media {
        height: 45vw;
    }
}

@media screen and (max-width: 1100px) {
    .topblockImg-contentFW {
        bottom: 5%;
    }
}

@media screen and (max-width: 800px) {
    .tbimgFW_media .fw_gradient {
        display: block;
        opacity: .6;
    }
}


/* 
@media screen and (max-width: 800px) {
    .topblockImg-contentFW h2 {
        margin: 25px 0 25px;
    }
    .topblockImg-contentFW.mobileBg-gradient h2 {
        margin: 5px 0 25px;
    }
    .topblockImg-contentFW {
        padding: 50px 0;
        box-sizing: border-box;
        position: relative;
        bottom: 0;
        background: #28282C;
    }
    .topblockImg-contentFW.mobileBg-gradient {
        padding: 20px 0 25px 0;
        box-sizing: border-box;
        position: relative;
        margin-top: -30px;
        bottom: 0;
        background: transparent;
    }
    .topblockImg-contentFW.mobileBg-gradient:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(59, 59, 65, 0.25) 0%, rgba(59, 59, 65, 1) 18%, rgba(59, 59, 65, 1) 46%, rgba(59, 59, 65, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(59, 59, 65, 0.25) 0%, rgba(59, 59, 65, 1) 18%, rgba(59, 59, 65, 1) 46%, rgba(59, 59, 65, 1) 100%);
        background: linear-gradient(to bottom, rgba(59, 59, 65, 0.25) 0%, rgba(59, 59, 65, 1) 18%, rgba(59, 59, 65, 1) 46%, rgba(59, 59, 65, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bd3b3b41', endColorstr='#3b3b41', GradientType=0);
    }
    .fw_gradient {
        display: none;
    }
    .has-scroll-smooth .topblockImg-contentFW {
        margin-top: -25px;
    }
    .topblockImg-contentFW.mobileBg-gradient .topblockImg-subheader,
    .topblockImg-contentFW.mobileBg-gradient h2 {
        position: relative;
        z-index: 2;
        margin: -10px 0 10px;
    }
} */


.capitalize-block_header {
    font-weight: 600;
    text-transform: inherit;
}



.firstBlock_imagebg {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 101vh;
    max-height: 101vh;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.firstBlock_imagebg {
    background-color: var(--firstBlock-bg);
}

.firstBlock_imagebg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background-color: var(--firstBlock-bg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: .8;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

@media screen and (max-width: 500px) {
    .firstBlock_imagebg {
        align-items: center;
        justify-content: center;
        min-height: fit-content;
        max-height: inherit;
        padding: 0;
    }

    .firstBlock_imagebg .contentCenter {
        position: absolute;
        padding-bottom: 0;
    }

    .firstBlock_imagebg .imageBg {
        position: relative;
        height: auto;
    }

    .firstBlock_imagebg .super-text {
        display: none;
    }
}

.block-header {
    margin-bottom: 30px;
}

.block-header-thin {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.block-header-description {
    margin-top: 15px;
    font-size: 20px;
    font-size: 1.25vw;
}

@media screen and (min-width: 1900px) {
    .block-header-description {
        font-size: 20px;
    }
}

@media screen and (max-width: 1050px) {
    .block-header-description {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }

    .block-header {
        margin-bottom: 15px;
    }

    .block-header-thin {
        max-width: 100%;
        margin: 0 20px 20px;
    }

    .gallery_tiles_photo,
    .whiteSection.about-plans,
    .project-info {
        padding-bottom: 0;
    }

}
/* End */


/* Start:/local/templates/Starkwood/css/main2.css?175164597013545*/
.deepDark_bg-section {
    background: #28282C;
    color: #FFF;
    padding: 7vw 0;
}

.deepDark_bg-section.noBotPadding {
    padding-bottom: 0;
    margin-bottom: -1px;
}

.deepDark_bg-section.noTopPadding {
    padding-top: 0;
}

@media screen and (max-width: 700px) {
    .deepDark_bg-section {
        padding: 70px 0;
    }
}

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

.main_nocaps-header .super-text {
    text-transform: uppercase;
    font-weight: 300;
}

.main_nocaps-header {
    max-width: 60vw;
    margin: 0 auto 5vw;
}

.main_nocaps-header h2 {
    text-transform: unset;
    font-weight: 500;
    font-size: 40px;
    font-size: 2.4vw;
    margin-top: 1vw;
}

.main_nocaps-header h2 span {
    display: block;
    opacity: .7;
}

@media screen and (min-width: 1900px) {
    .main_nocaps-header h2 {
        font-size: 45px;
    }

    .main_nocaps-header h2 span {
        display: inline;
    }
}


@media screen and (max-width: 980px) {
    .main_nocaps-header {
        max-width: 100%;
        margin: 0 auto 7vw;
    }

    .main_nocaps-header h2 {
        font-size: 28px;
    }

    .main_nocaps-header h2 span {
        display: inline;
    }
}

@media screen and (max-width: 500px) {
    .main_nocaps-header {
        margin: 0 auto 7vw;
    }

    .main_nocaps-header h2 {
        font-size: 20px;
        line-height: 1.3;
    }
}

.main_caps-header {
    text-align: center;
    max-width: 60vw;
    margin: 0 auto 5vw;
}

.main_caps-header h2 {
    font-weight: 600;
}

.main_caps-header p {
    font-weight: 300;
    line-height: 1.3;
    margin: 1vw 0 1.5vw;
}

@media screen and (min-width: 1900px) {
    .main_caps-header,
    .main_nocaps-header
     {
        margin: 0 auto 75px;
        max-width: 1200px;
    }
}


@media screen and (max-width: 980px) {
    .main_caps-header {
        max-width: 100%;
        margin: 0 auto 7vw;
    }
    .main_caps-header p {
        margin: 10px 0 20px;
    }
    .main_caps-header p br {
        display: none;
    }
}

.main-lr-section {
    padding: 7vw 0;
}

.main-lr-section-wrap {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.main-l-caps {
    width: 45%;
    font-size: 3.5vw;
    line-height: 1.2;
    font-weight: 500;
    margin-top: -.5vw;
}

.main-l-caps span {
    color: #6F6F70;
}

.main-r-caps {
    width: 50%;
    font-size: 1.4vw;
    font-weight: 300;
    line-height: 1.7;
}

@media screen and (min-width: 1900px) {
    .main-l-caps {
        font-size: 65px;
    }

    .main-r-caps {
        font-size: 26px;
    }
}

@media screen and (max-width: 800px) {
    .main-lr-section-wrap {
        display: block;
    }

    .main-l-caps {
        width: 100%;
        text-align: center;
        font-size: 24px;
        margin: 0;
    }

    .main-l-caps span {
        color: #FFF;
    }

    .main-r-caps {
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin: 25px 0 0;
    }
}


/* video */

.videoSectionNotext {
    overflow: hidden;
    width: 100%;
    height: 36.5vw;
    display: flex;
    align-items: center;
}

.videoSectionNotext .videoSectionContentImg {
    margin: 0;
}

.videoSectionNotext .vsci-round {
    width: 13vw;
    height: 13vw;
}

.videoSectionNotext .vsci-button {
    width: 5vw;
    height: 5vw;
}

.videoSectionNotext .imageBg img {
    object-position: 50% 0%;
}

@media screen and (max-width: 980px) {
    .videoSectionNotext .videoSectionContent {
        margin-top: 0;
    }
}

@media screen and (max-width: 700px) {
    .videoSectionNotext .vsci-round {
        width: 150px;
        height: 150px;
    }

    .videoSectionNotext .vsci-button {
        width: 60px;
        height: 60px;
        transform: translate(-37%, -50%);
    }

}

@media screen and (max-width: 600px) {
    .videoSectionNotext {
        height: 65vw;
    }

    .videoSectionNotext .imageBg img {
        object-position: 100% 0%;
    }
}

/* ADVANTAGES */

.fixed-advantages {
    height: 100vh;
}

#fixed-element_3{ 
    height: 125vh;
}

.advantages_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3vw;
    /* height: 100vh; */
    align-items: center;
    visibility: hidden;
}

.advantages_item.is-inview {
    visibility: visible;
}

.advantages_item:last-child {
    margin-bottom: 0;
}

.advantages_item-text {
    width: 40%;
    padding: 2vw 0;
}

.advantages_item-text-header {
    text-transform: uppercase;
    font-weight: 300;
}

.whiteSection .super-text.advantages_item-text-header {
    margin-bottom: 0;
}

.advantages_item-text-title h3 {
    text-transform: unset;
    font-weight: 500;
    font-size: 40px;
    font-size: 2.4vw;
    margin-top: 1vw;
    transition: none;
}

.advantages_item-text .animated-text,
.button-bordered-thin a {
    transition: none;
}

.advantages_item-text-content p {
    padding: 0;
    font-weight: 300;
    font-size: 1.35vw;
}

.advantages_item-text-btn {
    margin-top: 2vw;
}

.advantages_item-image {
    width: 55%;
}

.advantages_item-image picture {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.advantages_item-image img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: 50% 50%;
}

.advantages_item-text-btn-mobile {
    display: none;
}

@media screen and (min-width: 1900px) {
    .advantages_item-text-content p {
        font-size: 25px;
    }

    .advantages_item-text-title h3 {
        font-size: 45px;
    }
}

@media screen and (max-width: 980px) {
    .whiteSection .super-text.advantages_item-text-header {
        padding: 0;
    }

    .advantages_item-text-title h3 {
        font-size: 28px;
    }

    .advantages_item-text-content p {
        font-size: 14px;
    }
}

@media screen and (max-width: 700px) {
    .whiteSection .super-text.advantages_item-text-header {
        padding: 0;
    }

    .advantages_item-text-title h3 {
        font-size: 28px;
    }

    .advantages_item-text-content p {
        font-size: 14px;
    }

    .advantages_item {
        display: block;
        margin-bottom: 50px;
        text-align: center;
    }

    .advantages_item:last-child {
        margin-bottom: 0;
    }

    .advantages_item-text {
        width: 100%;
    }

    .advantages_item-image {
        width: 100%;
        height: 60vw;
        margin-top: 25px;
    }

    .advantages_item-text-btn {
        margin-top: 40px;
    }

    .advantages_item-text-btn {
        display: none;
    }

    .advantages_item-text-btn-mobile {
        display: block;
    }
}

/*  ARCHITECT */

.tiles_videoHover-set {
    /* display: flex;
    flex-wrap: wrap; */
    margin-left: -1vw;
}

.tiles_videoHover-set .slidee {
    display: flex;
    flex-wrap: wrap;
}

.tiles_videoHover-item {
    width: 25%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 0 1vw 1vw;
}

.tiles_videoHover-item-image {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 83%;
}

.tiles_videoHover-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .3s ease;
}

.tiles_videoHover-item-title {
    position: relative;
    background-color: #242428;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.tiles_videoHover-item-title-linkarr {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: all .3s ease;
    transform: translateX(-2vw);
}

.tiles_videoHover-item-title:hover .tiles_videoHover-item-title-linkarr {
    opacity: 1;
    transform: translateX(-1vw);
}

.tiles_videoHover-item-link {
    display: block;
    width: 100%;
    padding: 15px 1vw;
}

.tiles_videoHover-item-title:hover .tiles_videoHover-item-link {
    color: #FBD691;
}

.videolink {
    display: none;
    position: absolute;
    z-index: 1;
    top: 1vw;
    right: 1vw;
    cursor: pointer;
    overflow: hidden;
}

.videolink:hover {
    z-index: 3;
}

.tiles_videoHover_videoInsert {
    position: absolute;
    z-index: 2;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.tiles_videoHover_videoInsert.active {
    background-color: #ffffff42;
}

.tiles_videoHover_videoInsert video {
    z-index: 1;
}

.tiles_videoHover_videoInsert svg {
    width: 15vw;
    height: 15vh;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@media (pointer: fine) {
    .videolink {
        display: block;
    }
}

.videolink:hover circle {
    stroke: #FBD691;
}

.videolink:hover path {
    fill: #FBD691;
}

.tiles_videoHover-item:has(.tiles_videoHover-item-title:hover) img {
    transform: scale(1.01);
}

@media screen and (max-width: 920px) {
    .tiles_videoHover-set {
        
    }

    .tiles_videoHover-set .slidee {
        width: auto;
        flex-wrap: nowrap;
    }

    .tiles_videoHover .tiles-slider-controls {
        display: flex;
    }

    .tiles_videoHover-item {
        width: 45vw;
        min-width: 45vw;
        padding: 0 0 0 10px;
    }

    .tiles_videoHover-item:first-child {
        margin-left: 5vw;
        padding-left: 0;
    }

    .tiles_videoHover-item-image {
        padding-bottom: 60%;
    }

    .tiles_videoHover .tiles-slider {
        margin-left: 5vw;
    }
}

@media screen and (max-width: 720px) {
    .tiles_videoHover-item {
        width: 90vw;
        min-width: 90vw;
    }
}

/* PROJECTS */

.main_projects .catalog-items_v2 {
    padding-bottom: 0;
}

@media screen and (max-width: 700px) {
    .main_projects .catalog-item_v2 {
        margin: 0;
    }
}

/* IDEAS */

/* .tiles-list-set {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1vw;
} */

.tiles-list-set .slidee {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1vw;
}

.tiles-list-item {
    width: 33.33%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 0 1vw 1vw;
}

.tiles-list-image {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
}

.tiles-list-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .3s ease;
}

.tiles-list-item a:hover img {
    transform: scale(1.01);
}

.tiles-list-title {
    position: relative;
    background-color: #242428;
    padding: 15px 1vw;
}

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

    .tiles-list .tiles-slider {
        margin-left: 5vw;
    }

    .tiles-list-set .slidee {
        width: auto;
        flex-wrap: nowrap;
    }

    .tiles-list .tiles-slider-controls {
        display: flex;
    }

    .tiles-list-item {
        width: 90vw;
        min-width: 90vw;
        padding: 0 0 0 10px;
    }

    .tiles-list-item:first-child {
        padding-left: 0;
    }

    .tiles-list-item-image {
        padding-bottom: 60%;
    }
}

/* bigimage_btn-link */
.bigimage_btn-link {
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
}

.bigimage_btn-link img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .3s ease;
}

.bigimage_btn-link-a {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5vw;
    text-align: center;
}

.bigimage_btn-link:has(.bigimage_btn-link-a a:hover) img {
    transform: scale(1.01);
}


/* section-morelink */

.section-morelink {
    margin-top: 3vw;
    padding-bottom: 2vw;
    width: 100%;
    text-align: center;
}

.button-bordered-thin.section-morelink a:hover {
    background: #fbd691;
    color: #000;
    border-color: #fbd691;
    box-shadow: 1px 10px 16px rgb(0 0 0 / 17%), 0px 6px 30px rgba(251, 214, 145, 0.25);
}


/* SLIDER CONTROLS */

.tiles-slider-controls {
    display: none;
    /* display: flex; */
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

.tsc-line {
    height: 1px;
    background: hsl(0deg 0% 100% / 50%);
}

.tsc-line-l {
    width: calc(100vw - 100px);
}

.tsc-line-title {
    display: block;
    line-height: 0;
    color: #FFF;
    padding: 0 10px;
    white-space: nowrap;
    font-size: 16px;
    font-size: 1.5vw;
}

.tsc-line-c {
    width: 90vw;
}

.tsc-line-arrows {
    display: flex;
}

.tsc-arrow {
    padding: 15px;
    cursor: pointer;
    display: block;
    line-height: 0;
}

.tsc-arrow.disabled {
    opacity: .5;
}

@media screen and (min-width: 920px) {
    .tiles-slider-controls {
        display: none;
    }
}
/* End */


/* Start:/local/templates/Starkwood/css/contacts.css?17516459697610*/
/* CONTACTS BLOCK */

.contactsBlock {
    padding: 0;
    z-index: -1;
    margin-top:-5px;
}

.contactsBlock-wrapper {
    display: flex;
    flex-direction: row-reverse;
    /* height: 101vh; */
}

.contactsBlock-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 55%;
    width: 55%;
    box-sizing: border-box;
    padding: 5vw 10vw;
    color: #FFF;
    background: #323137;
}

.cbd-item {
    margin-bottom: 7vh;
}

.cbd-item:last-child {
    margin-bottom: 0;
}

.cbd-item a {
    color: #FFF;
}

.cbd-item a:hover {
    color: #FBD691;
}

.cbd-item-super {
    font-size: 18px;
    font-size: 1vw;
    line-height: 1;
    opacity: .5;
}

.cbd-item-data {
    font-size: 42px;
    font-size: 2.19vw;
    font-weight: bold;
    line-height: 1;
    margin: .5vw 0;
}

.cbd-item-adress {
    font-size: 24px;
    font-size: 1.3vw;
    line-height: 1.2;
    margin: 1vw 0;
}

.cbd-item-action {
    font-size: 18px;
    font-size: 1vw;
    line-height: 1;
}

@media screen and (min-width: 1900px) {
    .cbd-item-super {
        font-size: 18px;
    }

    .cbd-item-data {
        font-size: 42px;
    }

    .cbd-item-action {
        font-size: 18px;
    }
}


.contactsBlock-social {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    max-width: 45%;
    width: 45%;
    overflow: hidden;
    /* height: 100%; */
}

.cbs-img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

main .cbs-img img {
    width: auto;
    min-width: 100%;
}

.cbs-item {
    width: 20%;
    height: 33.333%;
    background: #242428;
    transition: .3s ease all;
}

.cbs-item:hover {
    background: #323137;
}

.cbs-item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cbs-item img {
    width: 100%;
    max-height: 2vw;
    max-width: 2vw;
    display: block;
}


@media screen and (max-width: 1050px) {
    .contactsBlock-social {
        max-width: 30%;
        width: 30%;
    }

    .contactsBlock-data {
        max-width: 70%;
        width: 70%;
    }

    .cbd-item-super {
        font-size: 12px;
    }

    .cbd-item-data {
        font-size: 25px;
    }

    .cbd-item-adress {
        font-size: 20px;
    }

    .cbd-item-action {
        font-size: 12px;
    }
}

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

    .contactsBlock-wrapper {
        flex-direction: column;
        height: inherit;
    }

    .contactsBlock-data {
        max-width: 100%;
        width: 100%;
        padding: 50px 10vw;
    }

    .contactsBlock-social {
        max-width: inherit;
        width: auto;
        background: #242428;
        flex-direction: initial;
        align-items: center;
    }

    .cbs-item img {
        max-height: 20px;
        max-width: 20px;
    }

    .cbs-item {
        width: 33.333%;
        height: 100%;
    }

    .cbs-item a {
        padding: 20px 0;
        box-sizing: border-box;
    }

    .cbs-img {
        display: none;
    }

    .cbd-item-data {
        font-size: 20px;
        margin: 10px 0;
    }
}


/* REQUISITES */

.requisites {
    max-height:fit-content;
}

.requisites-img {
    content: '';
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
}

.requisites-img figure {
    height: 100%;
}

main .requisites-img img {
    width: auto;
    min-width: 100%;
}

.requisites-wrapper {
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

.requisites-header.tmb-text {
    padding: 5vw 0 2vw 10vw;
    max-width: 50%;
    width: 50%;
}

.requisites-content {
    padding-left: 10vw;
    display: flex;
    align-items: center;
}

.requisites-contentData {
    background: #FAFAFA;
    padding: 3vw 1vw 3vw 7vw;
    width: 70%;
    box-sizing: border-box;
}

.requisites-contentIntro {
    max-width: 30%;
    width: 30%;
    box-sizing: border-box;
    padding: 0 5vw 0 0;
}

.requisites-contentIntro h4 {
    line-height: 1.2;
}

.requisites-contentIntro .tmb-text-p {
    margin-top: 1vw;
}

.requisites-contentDataItems {
    display: table;
}

.requisites-contentDataItem {
    display: table-row;
}

.requisites-contentTitle,
.requisites-contentInfo {
    display: table-cell;
    line-height: 1.2;
    font-size: 16px;
    font-size: 1vw;
    padding: 15px;
}

.requisites-contentTitle {
    text-align: right;
    opacity: .5;
}

.requisites-contentData .tmb-text-button {
    display: none;
}

@media screen and (min-width: 1900px) {

    .requisites-contentTitle,
    .requisites-contentInfo {
        font-size: 16px;
    }
}

@media screen and (max-width: 1400px) {
    .requisites-contentData {
        padding: 3vw 1vw 3vw 2vw;
        width: 77%
    }
}

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

    .requisites-contentTitle,
    .requisites-contentInfo {
        font-size: 14px;
    }

    .requisites-contentIntro {
        display: none;
    }

    .requisites-contentData {
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    .requisites {
        min-height: initial;
        max-height: initial;
        background: #FAFAFA;
    }
    
    .requisites-img,
    .requisites:before {
        display: none;
    }

    .requisites-header.tmb-text {
        padding: 15px;
        max-width: 100%;
        width: 100%;
    }

    .requisites-header .super-text {
        margin-bottom: 20px;
    }

    .requisites-content {
        padding-left: 0;
        margin-top: 30px;
    }

    .requisites-contentData {
        padding: 20px 0 0 20px;
    }

    .requisites-contentDataItems,
    .requisites-contentDataItem,
    .requisites-contentTitle,
    .requisites-contentInfo {
        display: block;
    }

    .requisites-contentTitle,
    .requisites-contentInfo {
        text-align: left;
        padding: 5px 0;
    }

    .requisites-contentDataItem {
        padding: 20px 25px;
        border-top: 1px solid #dadada;
    }

    .requisites-contentData .tmb-text-button {
        display: block;
        text-align: center;
    }

    .requisites-contentData .tmb-text-button .button-bg {
        height: initial;
    }
}


/* CONTACTS PAGE FORM */

.contacts-page-form {
    color: #FFF;
    background: #323137;
}

.contacts-page-form p {
    max-width: 900px;
}

.cp-form {
    width: 90%;
    max-width: 1050px;
    margin: 50px auto 0;
}

.cp-form .rf-form-horisontal .rf-inputsform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cp-form .rf-form-input {
    width: 33.33333333%;
}

.cp-form .rf-form-input.input-text {
    width: 100%;
}

.cp-form .rf-form-input.input-allow {
    width: 100%;
}

.cp-form .input-name .input.darkbg,
.cp-form .input-phone .input.darkbg {
    border-right: 0;
}

.cp-form .submitbutton {
    color: #000;
    background: #FFF;
}

.cp-form .submitbutton:hover {
    background: #FBD691;
}

.cp-form .button-bg {
    height: auto;
}

.cp-form .rf-agreement {
    margin-top: 35px;
}

.cp-form .rf-form-input label {
    color: #FFF;
}

@media screen and (max-width: 800px) {
    .cp-form .rf-form-input {
        width: 100%;
    }

    .cp-form .input-name .input.darkbg,
    .cp-form .input-phone .input.darkbg {
        border-right: 2px solid #444444;
    }

    .input-text textarea.input.darkbg {
        height: 100px;
    }

    .input-text textarea.input.darkbg {
        padding: 20px 35px;
    }
}
/* End */


/* Start:/local/templates/Starkwood/css/menu.css?17516459709057*/
/* TOP BIG ENU */

.topmenu {
    position: fixed;
    z-index: -2;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    top: 0;
    left: 0;
    color: #FFF;
    visibility: hidden;
    opacity: 0;
    transition: all .9s ease .5s;
}

.topmenu.activated {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
    transition: all .9s ease 0s;
}

.topmenuWrap {
    /*background: #2D2C2F;*/
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    transition: all 0s ease 0s;
}

.topmenuWrap:before {
    content: '';
    display: block;
    width: 50%;
    height: 10vh;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: #2D2C2F;
}

.topmenuWrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    transform: translateY(-100%);
    position: absolute;
    top: 0;
    left: 0;
    background: #2D2C2F;
    /*transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1);*/
    transition: all .5s cubic-bezier(0.14, 0.13, 0.9, 0.07);
}

.topmenu.activated .topmenuWrap:after {
    transform: translateY(0);
}

.topmenuTxt {
    position: absolute;
    z-index: 1;
    right: 10%;
    top: 10%;
    display: block;
    height: 80%;
    transition: all .3s ease;
}

.topmenuTxt.disable {
    opacity: 0;
}

.menuItems {
    padding: 6% 0 2%;
    overflow: auto;
    width: 50%;
    min-width: 50%;
    position: relative;
    z-index: 1;
}

.menuItems::-webkit-scrollbar {
  width: 5px;
  display: none;
}

.menuItems {
  scrollbar-width: none;
}

/*.menuItems::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.menuItems::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}*/

.menuItems-parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: fit-content;
    box-sizing: border-box;
}

.menuItems-parentLink {
    font-size: 48px;
    font-size: 2vw;
    line-height: 1.3;
    display: block;
    padding: 3.5vh 10vw;
    transition: background .7s ease, color .7s ease;
}

.menuItems-parentLink:hover,
.menuItems-parent .active .menuItems-parentLink {
    color: #FBD691;
    background: rgba(0, 0, 0, 0.1);
}

.topmenuWrap .t-header-l-logoImg {
    position: absolute;
    z-index: 2;
    left: 7vw;
    top: 1.7vw;
}

.menuLabel {
    width: 3vw;
    position: absolute;
    right: 100%;
    top: 0;
    background: #242426;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8vw 3.5vw;
    /* transition: all .9s ease .3s; */
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.activated .menuLabel {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.menuLabel img {
    max-width: 100%;
    height: auto;
    display: block;
}

.menuLabel-icon {
    margin-top: 2vw;
}

@media screen and (min-width: 1050px) {
    .topmenu.activated .topmenuTxt.startAN {
        opacity: 0;
    }
    .mpLink_wrap {
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .menuItems-parentLink {
        transform: translateY(100%);
        opacity: 0;
    }
    .mpLink_wrap .menuItems-parentLink.addAn {
        transform: translateY(0);
        opacity: 1;
        max-height: inherit;
        margin-top: -1%;
    }
    .f-lvl {
        overflow: hidden;
    }
    .f-lvl:nth-child(1) .menuItems-parentLink {
        transition: transform .5s cubic-bezier(0.39, 0.58, 0.57, 1) .5s, opacity 1s cubic-bezier(0.4, 0, 1, 1) .5s, background .7s ease, color .7s ease;
    }
    .f-lvl:nth-child(2) .menuItems-parentLink {
        transition: transform .5s cubic-bezier(0.39, 0.58, 0.57, 1) .4s, opacity 1s cubic-bezier(0.4, 0, 1, 1) .4s, background .7s ease, color .7s ease;
    }
    .f-lvl:nth-child(3) .menuItems-parentLink {
        transition: transform .5s cubic-bezier(0.39, 0.58, 0.57, 1) .3s, opacity 1s cubic-bezier(0.4, 0, 1, 1) .3s, background .7s ease, color .7s ease;
    }
    .f-lvl:nth-child(4) .menuItems-parentLink {
        transition: transform .5s cubic-bezier(0.39, 0.58, 0.57, 1) .2s, opacity 1s cubic-bezier(0.4, 0, 1, 1) .2s, background .7s ease, color .7s ease;
    }
    .f-lvl:nth-child(5) .menuItems-parentLink {
        transition: transform .5s cubic-bezier(0.39, 0.58, 0.57, 1) .1s, opacity 1s cubic-bezier(0.4, 0, 1, 1) .1s, background .7s ease, color .7s ease;
    }
}

@media screen and (min-width: 1900px) {
    .menuItems-parentLink {
        font-size: 33px;
    }
}

@media screen and (max-width: 1050px) {
    .t-header-c {
        display: none;
    }
    .menuItems-parentLink {
        font-size: 28px;
    }
}

@media screen and (max-height: 600px) and (orientation: landscape) {
    .menuItems {
        padding: 40px 0 0 20%;
    }
}

@media screen and (max-width: 370px) {
    .menuLabel {
        display: none;
    }
}

.menuItems-more {
    display: none;
}

.sub_menuItems {
    position: relative;
    z-index: 2;
    width: 50%;
}

.not_parent_sub img {
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.not_parent_sub,
.sub_menuItems .menuItems-more {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: all .7s ease;
}

.not_parent_sub.addAn.active,
.sub_menuItems .menuItems-more.active {
    visibility: visible;
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: all .7s ease .3s;
}

.addAn.not_parent_sub.olwaysvisyble {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
    transition: all .7s ease .3s;
}

.activated .not_parent_sub.olwaysvisyble.disable {
    opacity: 0;
}

.menuItems-more li {
    background-size: cover;
    background-repeat: no-repeat;
}

.menuItems-more a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10%;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}

.menuItems-more a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: all .7s ease;
}

.menuItems-more li:hover a:before {
    background: rgba(0, 0, 0, 0.6);
}

.miMore-els-4 {
    height: 25%;
}

.miMore-els-3 {
    height: 33.3%;
}

.miMore-els-2 {
    height: 50%;
}

.miMore-els-1 {
    height: 100%;
}

.miMore_title {
    margin-bottom: .5vh;
    position: relative;
    z-index: 2;
}

.miMore_sub {
    font-weight: bold;
    font-size: 40px;
    font-size: 2vw;
    line-height: 1.4;
    max-width: 70%;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1900px) {
    .miMore_sub {
        font-size: 40px;
    }
}

@media screen and (max-width: 1050px) {
    .sub_menuItems {
        display: none;
    }
    .menuItems {
        width: 100%;
    }
    .topmenuTxt,
    .topmenuWrap .t-header-l-logoImg {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .topmenuWrap {
        background: #28282C;
    }
    .menuItems-parent {
        justify-content: flex-start;
        padding-top: 50px;
        height: auto;
        min-height: 100%;
    }
    .menuItems-parentLink {
        padding: 3vh 30px 3vh 60px;
        position: relative;
    }
    .menuItems-parentLink:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40%;
        height: 2px;
        background: #000;
        background: linear-gradient(to right, rgb(32, 31, 33) 0%, rgb(45, 44, 47) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1affffff', GradientType=1);
    }
    .parent-menu .menuItems-parentLink:after {
        content: '';
        position: absolute;
        bottom: 50%;
        left: 25px;
        width: 12px;
        height: 12px;
        background: url(http://paradigma.agency/develop/starkwood_corp/img/arr-bottom.svg) 50% 0 no-repeat;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    .active .menuItems-more {
        display: block;
    }
    .menuItems-parentLink:hover,
    .parent-menu.active .menuItems-parentLink {
        color: #FBD691;
        background: rgb(40, 40, 44);
    }
    .parent-menu.active .menuItems-parentLink:after {
        background: url(http://paradigma.agency/develop/starkwood_corp/img/arr-top.svg) 50% 0 no-repeat;
    }
    .menuItems-more a {
        display: block;
        padding: 20px 20px 20px 60px;
        height: auto;
        position: relative;
        color: #FFF;
        background: #2D2C2F;
    }
    .menuItems-more a:before {
        display: none;
    }
    .menuItems-parentLink {
        font-size: 18px;
    }
}

.menuItems-parentLink.live:hover{
	font-weight: 700;
	color: #FFF!important;
}

.menuItems-parentLink.live:after {
    content: " LIFE";
    font-weight: 500;
    color: #E30613;
}
/* End */


/* Start:/local/templates/Starkwood/css/right_form.css?17516459706820*/
/* RIGHT FORM */

.right-form {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 22;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    visibility: hidden;
    transition: all .3s ease;
}

.right-form.active {
    visibility: visible;
}

.right-form-bg {
    width: 60%;
    visibility: hidden;
    transition: all .3s ease;
}

.active .right-form-bg {
    visibility: visible;
    transition: all .3s ease;
}

.right-form-wrap {
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 7vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFF;
    background: #323137;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all .7s ease;
    overflow-y: auto;
}

.right-form-wrapInn {
    width: 100%;
}

.active .right-form-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.rf-form-vertical {
    padding: 0 10%;
}

.rf-logo {
    max-width: 140px;
    margin: 0 auto;
    margin-bottom: 4vh;
}

.rf-logo img {
    width: 100%;
    height: auto;
}

.rf-title {
    font-weight: bold;
    font-size: 27px;
    font-size: 1.7vw;
    line-height: 1.3;
}

.rf-title.complete {
    visibility: visible;
    font-size: 22px;
    font-size: 1.3vw;
}

.rf-txt {
    font-size: .9vw;
    line-height: 1.9;
    margin: 3vh 0 4vh;
    opacity: .8;
}

.rf-agreement {
    margin-top: 4vh;
    font-size: 12px;
    font-size: .7vw;
    line-height: 1.7;
    opacity: .3;
}

.rf-agreement:hover {
    opacity: .7;
}

.rf-form-send {
    margin-top: 3vh;
}

.button-bg {
    height: 1.2vw;
}

.submitbutton {
    box-sizing: border-box;
    font-weight: 600;
    font-size: 16px;
    font-size: .85vw;
    letter-spacing: .2px;
    line-height: 0;
    text-align: center;
    white-space: nowrap;
    padding: 1.2vw 3vw;
    border: 2px solid #FFF;
    border-radius: 50px;
    outline: none;
    background: transparent;
    color: #FFF;
    cursor: pointer;
    transition: all .3s ease;
}

.submitbutton:hover {
    background: #FBD691;
    color: #000;
    border-color: #FBD691;
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2), 0px 6px 34px rgba(251, 214, 145, 0.45);
}

.close-form {
    position: absolute;
    top: 3vw;
    right: 3vw;
    width: 20px;
    height: 20px;
}

.rf-form-input {
    display: none;
}

.rf-form-input.visible {
    display: block;
}

.complete {
    visibility: hidden;
}

@media screen and (min-width: 1900px) {
    .submitbutton {
        font-size: 16px;
    }

    .rf-agreement {
        font-size: 12px;
    }

    .rf-txt {
        font-size: 16px;
    }

    .rf-title {
        font-size: 30px;
    }
}

@media screen and (max-width: 1050px) {
    .submitbutton {
        font-size: 12px;
        padding: 15px 30px;
    }

    .rf-agreement {
        font-size: 10px;
    }

    .rf-txt {
        font-size: 12px;
        margin: 15px 0 20px;
    }

    .rf-title {
        font-size: 22px;
    }

    .rf-title.complete {
        font-size: 20px;
    }

    .input.darkbg,
    .input-method-txt {
        font-size: 12px;
    }

    .rf-form-input-before,
    .rf-form-input:before {
        left: 10px;
        width: 15px;
    }

    .rf-logo {
        max-width: 115px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 980px) {
    .right-form {
        overflow: auto;
    }

    .right-form-bg {
        display: none;
    }

    .right-form-wrap {
        width: 100%;
        height: 100%;
        padding: 0 20px;
    }

    .right-form-wrapInn {
        width: 100%;
    }

    .rf-title {
        font-size: 17px;
    }

    .input.darkbg,
    .input-method-txt {
        height: 50px;
        padding: 10px 35px;
        color: #fff;
    }

    .rf-form-input.valid:after {
        right: 3px;
        width: 30px;
        height: 30px;
    }

    .rf-txt {
        font-size: 11px;
    }

    .rf-form-send {
        margin-top: 15px;
        height: 35px;
    }

    .rf-form-input-before,
    .rf-form-input:before {
        left: 10px;
        width: 15px;
        height: 15px;
    }

    .input-method:after {
        right: 15px;
    }

    .input-method-dd li {
        font-size: 12px;
        padding-left: 35px;
    }

    .input-method-dd li:before {
        width: 15px;
        left: 5px;
    }

    .rf-title.complete {
        font-size: 15px;
    }
}

.complete {
    position: relative;
}

.completeicon {
    display: none;
    opacity: 0;
    transition: all .3s ease 2s;
}

.complete .completeicon {
    display: block;
    visibility: visible;
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rf-phone {
    font-size: 22px;
    font-weight: 600;
    margin: -10px 3.5vw 30px;
    display: inline-block;
}

.rf-phone-city {
    font-size: 13px;
    font-weight: 200;
    margin: -10px 0 0 25px;
    text-align: left;
}

@media screen and (max-width: 1300px) {
    .rf-phone {
        margin: -10px 3vw 30px;
    }
}

@media screen and (max-width: 1013px) {
    .rf-phone {
        margin: -10px 2.5vw 30px;
    }
}

@media screen and (max-width: 980px) {
    .rf-phone {
        margin: -10px 15vw 30px;
    }
}

@media screen and (max-width: 380px) {
    .rf-phone {
        margin: -10px 10vw 30px;
    }
}


/* CHECKBOX */

.input-allow {
    margin-top: 0;
    padding: 20px 0 0 1vw;
    text-align: left;
    font-size: .9vw;
    line-height: 1.4;
    display: flex;
    border-top: 2px solid #444444;
    align-items: center;
}

.input-allow-noborder {
    border-top: 0;
}

.visible.input-allow {
    display: flex;
}

.input-allow input {
    display: none;
}

.input-allow label {
    opacity: .8;
    max-width: 90%;
    padding-left: 30px;
    cursor: pointer;
}

.checkmark {
    display: block;
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background-color: #eee;
    border: 2px solid #eee;
    position: absolute;
}

.error .checkmark {
    border: 2px solid #f44336;
}

.input-allow:hover input~.checkmark {
    background-color: #eee;
}

.input-allow input:checked~.checkmark {
    background-color: #eee;
}

.input-allow input:checked~.checkmark:after {
    display: block;
}

.input-allow .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 1900px) {
    .input-allow {
        font-size: 16px;
    }
}


@media screen and (max-width: 1050px) {
    .input-allow {
        font-size: 12px;
    }
}

.input-allow a {
    text-decoration: underline;
}
/* End */


/* Start:/local/templates/Starkwood/css/right_form_v2.css?177254038516018*/
/* ==========================================================================
   Базовые переменные и сброс стилей (Рекомендуется добавить в начало проекта)
   ========================================================================== */
:root {
    --primary-color: #FBD691;
    --dark-bg: #323137;
    --overlay-bg: rgba(0, 0, 0, 0.2);
    --border-color: #444444;
    --error-color: #f44336;
    --white: #FFF;
    --black: #000;
    --transition-speed: 0.3s;
    --transition-slow: 0.7s;
}

/* ==========================================================================
   ОСНОВНАЯ ФОРМА (RIGHT FORM) - Базовая структура
   ========================================================================== */
.right-form {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 22;
    width: 100%;
    height: 100%;
    background: var(--overlay-bg);
    display: flex;
    visibility: hidden;
    transition: all var(--transition-speed) ease;
}

.right-form.active {
    visibility: visible;
}

/* Затемненный фон (кликабельная область) */
.right-form-bg {
    width: 60%;
    visibility: hidden;
    transition: all var(--transition-speed) ease;
}

.active .right-form-bg {
    visibility: visible;
}

/* Основной контейнер формы */
.right-form-wrap {
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 7vw;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--white);
    background: var(--dark-bg);
    transform: translateX(100%);
    transition: all var(--transition-slow) ease;
    overflow-y: auto;
}

.right-form-wrapInn {
    width: 100%;
}

.active .right-form-wrap {
    transform: translateX(0);
}

/* Внутренний контейнер формы с отступами */
.rf-form-vertical {
    padding: 0 10%;
}

/* Кнопка закрытия */
.close-form {
    position: absolute;
    top: 3vw;
    right: 3vw;
    width: 20px;
    height: 20px;
}

/* ==========================================================================
   ЭЛЕМЕНТЫ ФОРМЫ (Логотип, заголовки, текст)
   ========================================================================== */
.rf-logo {
    max-width: 140px;
    margin: 0 auto 4vh;
}

.rf-logo img {
    width: 100%;
    height: auto;
    display: block;
}

.rf-title {
    font-weight: bold;
    font-size: 1.7vw;
    /* 27px на десктопе */
    line-height: 1.3;
}

.rf-title.complete {
    visibility: visible;
    font-size: 1.3vw;
    /* 22px на десктопе */
}

.rf-txt {
    font-size: 0.9vw;
    line-height: 1.9;
    margin: 3vh 0 4vh;
    opacity: 0.8;
}

/* Телефон */
.rf-phone {
    font-size: 22px;
    font-weight: 600;
    margin: -10px 3.5vw 30px;
    display: inline-block;
}

.rf-phone-city {
    font-size: 13px;
    font-weight: 200;
    margin: -10px 0 0 25px;
    text-align: left;
}

/* Состояния элементов */
.complete {
    position: relative;
    visibility: hidden;
}

.completeicon {
    display: none;
    opacity: 0;
    transition: all var(--transition-speed) ease 2s;
}

.complete .completeicon {
    display: block;
    visibility: visible;
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* ==========================================================================
   ПОЛЯ ВВОДА И КНОПКИ
   ========================================================================== */
.rf-form-input {
    display: none;
}

.rf-form-input.visible {
    display: block;
}

/* Контейнер для кнопки отправки */
.rf-form-send {
    margin-top: 3vh;
}

.button-bg {
    height: 1.2vw;
}

/* Кнопка отправки */
.submitbutton {
    box-sizing: border-box;
    font-weight: 600;
    font-size: 0.85vw;
    /* 16px на десктопе */
    letter-spacing: 0.2px;
    line-height: 0;
    text-align: center;
    white-space: nowrap;
    padding: 1.2vw 3vw;
    border: 2px solid var(--white);
    border-radius: 50px;
    outline: none;
    background: transparent;
    color: var(--white);
    cursor: pointer;
    transition: all var(--transition-speed) ease;
}

.submitbutton:hover {
    background: var(--primary-color);
    color: var(--black);
    border-color: var(--primary-color);
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2), 0px 6px 34px rgba(251, 214, 145, 0.45);
}

/* ==========================================================================
   СОГЛАШЕНИЕ (Пользовательское соглашение)
   ========================================================================== */
.rf-agreement {
    margin-top: 4vh;
    font-size: 0.7vw;
    /* 12px на десктопе */
    line-height: 1.7;
    opacity: 0.3;
    transition: opacity var(--transition-speed) ease;
}

.rf-agreement:hover {
    opacity: 0.7;
}

/* ==========================================================================
   ЧЕКБОКС (Input allow)
   ========================================================================== */
.input-allow {
    margin-top: 0;
    padding: 20px 0 0 1vw;
    text-align: left;
    font-size: 0.9vw;
    line-height: 1.4;
    display: flex;
    border-top: 2px solid var(--border-color);
    align-items: center;
}

.input-allow-noborder {
    border-top: 0;
}

.visible.input-allow {
    display: flex;
}

.input-allow input {
    display: none;
}

.input-allow label {
    opacity: 0.8;
    max-width: 90%;
    padding-left: 30px;
    cursor: pointer;
}

.input-allow a {
    text-decoration: underline;
}

/* Кастомный чекбокс */
.checkmark {
    display: block;
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background-color: #eee;
    border: 2px solid #eee;
    position: absolute;
}

.error .checkmark {
    border: 2px solid var(--error-color);
}

.input-allow:hover input~.checkmark {
    background-color: #eee;
}

.input-allow input:checked~.checkmark {
    background-color: #eee;
}

.input-allow input:checked~.checkmark:after {
    display: block;
}

.input-allow .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* ==========================================================================
   ВЕРСИЯ 2 (right-form-v2) - Расширенная форма
   ========================================================================== */

.right-form-v2 .input.darkbg,
.right-form-v2 .input-method-txt {
    height: 6vh;
    padding: 12px 3vw;
    font-size: 0.9vw;
}

.right-form-v2 .right-form-wrap {
    text-align: left;
    width: 45%;
    max-width: 875px;
}

.right-form-v2 .rf-form-vertical {
    padding: 0;
}

.right-form-v2 .checkmark {
    width: 20px;
    height: 20px;
}

.right-form-v2 .input-allow label {
    padding-left: 45px;
    font-size: 14px;
}

.right-form-v2 .close-form {
    top: 4vw;
    right: 3vw;
    width: 30px;
    height: 30px;
}

.right-form-v2 .close-form img {
    display: block;
    width: 100%;
    height: 100%;
}

/* Элементы версии 2 */
.rf_v2-logo {
    margin-bottom: 3vw;
}

.rf_v2-logo img {
    width: 100%;
    max-width: 160px;
}

.rf_v2_phone {
    display: flex;
    align-items: baseline;
    margin-top: 1vw;
}

.rf_v2_phone .phone-tel {
    font-weight: 700;
    font-size: 1.5vw;
    width: 15.5vw;
}

.rf_v2_phone .phone-tel:hover~.rf_v2-phone-city {
    color: var(--primary-color);
}

.rf_v2-phone-city {
    opacity: 0.8;
}

.rf_v2-messangers {
    margin-top: 3vw;
}

.rf_v2-messangers-items {
    margin-top: 1vw;
    display: flex;
    align-items: center;
}

.rf_v2-messangers-item {
    display: flex;
    align-items: center;
    margin-right: 3vw;
}

.rf_v2-messangers-item svg {
    width: 2vw;
    height: 2vw;
    display: block;
}

.rf_v2-messangers-item:hover svg path {
    fill: var(--primary-color);
    transition: all var(--transition-speed) ease;
}

.rf_v2-messangers-title {
    opacity: 0.8;
}

.rf_v2-messangers-item span {
    display: block;
    margin-left: 0.7vw;
    font-weight: 300;
    font-size: 1vw;
    opacity: 0.8;
}

.rf_v2-title {
    margin: 3vw 0 2vw;
    font-weight: 700;
    font-size: 1.7vw;
    /* 25px на десктопе */
}

/* ==========================================================================
   МЕДИА-ЗАПРОСЫ (Desktop First)
   ========================================================================== */

/* Крупные десктопы (≥1900px) */
@media screen and (min-width: 1900px) {

    .rf-form-input-before,
    .rf-form-input:before {
        max-width: 25px;
        left: 30px;
    }

    .submitbutton {
        font-size: 16px;
        padding: 1.2vw 3vw;
    }

    .rf-agreement {
        font-size: 12px;
    }

    .rf-txt {
        font-size: 16px;
    }

    .rf-title,
    .rf_v2-title {
        font-size: 30px;
    }

    .input-allow {
        font-size: 16px;
    }

    /* Версия 2 */
    .right-form-bg {
        width: calc(100% - 875px);
    }

    .right-form-v2 .right-form-wrap {
        padding: 0 120px 0 155px;
    }

    .rf_v2-logo {
        margin-bottom: 5vh;
    }

    .rf_v2-logo img {
        max-width: 200px;
    }

    .rf_v2_phone .phone-tel {
        font-size: 30px;
        width: 310px;
    }

    .rf_v2-phone-city {
        font-size: 20px;
    }

    .rf_v2-messangers {
        margin-top: 5vh;
    }

    .rf_v2-messangers-item {
        margin-right: 60px;
    }

    .rf_v2-messangers-item span {
        font-size: 16px;
    }

    .rf_v2-messangers-item svg {
        width: 40px;
        height: 40px;
    }

    .rf_v2-title {
        font-size: 34px;
        margin: 5vh 0 3vh;
    }

    .right-form-v2 .input.darkbg,
    .right-form-v2 .input-method-txt {
        font-size: 16px;
        height: 70px;
        padding: 12px 70px;
    }
}

@media screen and (min-width: 1300px) {
    .input-allow .checkmark:after {
        left: 6px;
        top: 2px;
        width: 7px;
        height: 10px;
    }
}

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

    .right-form-v2 .input.darkbg,
    .right-form-v2 .input-method-txt {
        height: 6vh;
    }
}

@media screen and (max-width: 1500px) {
    .rf_v2-phone-city {
        font-size: 15px;
    }

    .right-form-v2 .submitbutton {
        padding: 20px 40px;
        font-size: 13px;
    }

    .rf-form-input-before,
    .rf-form-input:before {
        min-width: 18px;
    }
}

/* Средние десктопы/ноутбуки (1300px - 1899px) */
@media screen and (max-width: 1300px) {

    .right-form-v2 .right-form-wrap {
        padding: 0 50px;
    }

    .rf-phone {
        margin: -10px 3vw 30px;
    }

    .rf_v2-phone-city {
        font-size: 12px;
    }

    .rf_v2-messangers-item svg {
        width: 25px;
        height: 25px;
    }

    .rf_v2-messangers-item span {
        font-size: 13px;
    }

    .right-form-v2 .checkmark {
        width: 18px;
        height: 18px;
    }

    .right-form-v2 .input-allow label {
        font-size: 12px;
        padding-left: 35px;
    }

    .rf_v2_phone .phone-tel {
        font-size: 18px;
        width: 185px;
    }

    .right-form-v2 .input.darkbg,
    .right-form-v2 .input-method-txt {
        font-size: 13px;
        padding: 12px 45px;
    }

    .rf-form-input-before, .rf-form-input:before {
            left: 18px;
    }
}

/* Планшеты и малые десктопы (1013px - 1299px) */
@media screen and (max-width: 1013px) {
    .rf-phone {
        margin: -10px 2.5vw 30px;
    }
}

/* Планшеты (≤1050px) */
@media screen and (max-width: 1050px) {
    .submitbutton {
        font-size: 12px;
        padding: 15px 30px;
    }

    .rf-agreement {
        font-size: 10px;
    }

    .rf-txt {
        font-size: 12px;
        margin: 15px 0 20px;
    }

    .rf-title {
        font-size: 22px;
    }

    .rf-title.complete {
        font-size: 20px;
    }

    .rf-logo {
        max-width: 115px;
        margin-bottom: 15px;
    }

    .input-allow {
        font-size: 12px;
    }

    /* Общие стили для полей ввода (нужно добавить классы) */
    .right-form-v2 .input.darkbg,
    .right-form-v2 .input-method-txt {
        font-size: 13px;
    }

    .rf-form-input-before,
    .rf-form-input:before {
        left: 10px;
        width: 15px;
    }
}

/* Мобильные устройства (≤980px) */
@media screen and (max-width: 980px) {
    .right-form {
        overflow: auto;
    }

    .right-form-bg {
        display: none;
    }

    .right-form-wrap {
        width: 100%;
        height: 100%;
        padding: 0 20px;
    }

    .right-form-wrapInn {
        width: 100%;
    }

    .rf_v2-logo {
        margin-bottom: 30px;
    }

    .rf_v2-logo img {
        max-width: 165px;
    }

    .rf-title {
        font-size: 17px;
    }

    .rf-title.complete {
        font-size: 15px;
    }

    .rf-txt {
        font-size: 11px;
    }

    .rf-phone {
        margin: -10px 15vw 30px;
    }


    .rf-form-send {
        margin-top: 25px;
        height: 35px;
    }

    /* Версия 2 на мобильных */

    .rf_v2_phone .phone-tel {
        font-size: 20px;
        width: 220px;
    }

    .rf_v2-phone-city {
        font-size: 14px;
    }

    .right-form-v2 .right-form-wrap {
        width: 100%;
        max-width: 100%;
    }

    .right-form-v2 .right-form-wrapInn {
        max-width: 500px;
        margin: 0 auto;
    }

    .right-form-v2 .input-allow label {
        font-size: 12px;
        padding-left: 35px;
    }

    .right-form-v2 .checkmark {
        width: 15px;
        height: 15px;
    }


    .rf_v2-messangers-title {
        font-size: 14px;
    }

    .rf_v2-messangers-item span {
        font-size: 12px;
        margin-left: 10px;
    }

    .rf_v2-title {
        font-size: 20px;
        margin: 30px 0 30px;
    }

    .rf_v2-messangers {
        margin-top: 30px;
    }

    .rf_v2-messangers-items {
        margin-top: 15px;
    }


    /* Стили для форм (нужно добавить классы) */
    .right-form-v2 .input.darkbg,
    .right-form-v2 .input-method-txt {
        height: 55px;
        padding: 10px 45px;
        color: var(--white);
    }

    .rf-form-input.valid:after {
        right: 3px;
        width: 30px;
        height: 30px;
    }

    .rf-form-input-before,
    .rf-form-input:before {
        left: 13px;
        width: 15px;
        height: 15px;
    }

    .input-method:after {
        right: 15px;
    }

    .input-method-dd li {
        font-size: 12px;
        padding-left: 35px;
    }

    .input-method-dd li:before {
        width: 15px;
        left: 5px;
    }
}

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

    .right-form-v2 .right-form-wrap {
        padding: 0 30px;
    }

    .rf_v2_phone .phone-tel {
        font-size: 17px;
        width: 180px;
    }

    .rf_v2-phone-city {
        font-size: 13px;
    }
}

/* Малые мобильные (≤380px) */
@media screen and (max-width: 390px) {
    .rf-phone {
        margin: -10px 10vw 30px;
    }

    .right-form-v2 .right-form-wrap {
        padding: 0 30px;
    }

    .rf_v2_phone .phone-tel {
        font-size: 16px;
        width: 170px;
    }

    .rf_v2-phone-city {
        font-size: 10px;
    }
}

@media screen and (orientation: landscape) and (max-height: 800px) {
    .rf_v2-logo {
        margin-bottom: 2vh;
    }

    .rf_v2_phone {
        margin-top: 1vw;
    }

    .rf_v2-messangers {
        margin-top: 3vh;
    }

    .rf_v2-title {
        margin: 3vh 0 2vh;
    }

    .right-form-v2 .input.darkbg, .right-form-v2 .input-method-txt {
        height: 50px;
    }
}
/* End */


/* Start:/local/templates/Starkwood/css/popup_form.css?17516459704020*/
.popupForm {
    position: fixed;
    z-index: 10;
    top: 50%;
    right: 2.5%;
    transform: translateY(-50%) translateX(120%);
    transition: transform .7s ease;
}

.popupForm.active {
    transform: translateY(-50%) translateX(0);
}

.popupForm-wrap {
    position: relative;
}

.popupForm-closer {
    width: 15px;
    height: 15px;
    padding: 10px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgb(225 225 225 / 40%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -40px;
    cursor: pointer;
}

.popupForm-content {
    max-width: 25vw;
    padding: 25px 50px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgb(225 225 225 / 40%);
}

.popupForm-logo,
.popupForm-title,
.popupForm-subtitle {
    text-align: center;
}

.popupForm-title {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    margin: 15px 0;
}

@media screen and (min-width: 1900px) {
    .popupForm-title {
        font-size: 35px;
    }
}

.popupForm-subtitle {
    text-align: center;
    line-height: 1.2;
    font-size: 15px;
}

.popupForm-fields {
    margin-top: 25px;
}

.popupForm .input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    margin-top: 5px;
    background: #FFF;
    border: 0;
    padding: 10px 25px;
    color: #000;
    font-size: 14px;
    text-align: left;
    line-height: 1;
    outline: none;
}

.popupForm .error .input {
    background: #ffcccc;
}

@media screen and (min-width: 1900px) {
    .popupForm .input {
        font-size: 18px;
        height: 80px;
    }
}

.popupForm .button-bg {
    height: auto;
}

.popupForm .rf-form-send {
    margin-top: 25px;
}

.popupForm .submitbutton {
    display: block;
    width: 100%;
    border-color: #000;
    color: #000;
    padding: 23px 0;
}

.popupForm .submitbutton:hover {
    border-color: #FFF;
    color: #FFF;
}

.popupForm .rf-agreement {
    margin-top: 25px;
    font-size: 12px;
    font-size: .7vw;
    line-height: 1.7;
    opacity: 1;
    text-align: center;
}

.complete .rf-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top:25px;
}

.complete .popupForm-fields {
    display: none;
}

@media screen and (max-width: 1300px) {
    .popupForm-content {
        max-width: 35vw;
    }
}

@media screen and (max-width: 1200px) {
    .popupForm-content {
        max-width: 35vw;
    }
    .popupForm .input {
        height: 55px;
    }
    .popupForm-title {
        font-size: 23px;
    }
    .popupForm .submitbutton {
        padding: 20px 0;
        font-size: 14px;
    }
}

@media screen and (max-width: 1050px) {
    .popupForm-title {
        font-size: 16px;
    }
    .popupForm .rf-agreement {
        font-size: 10px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 800px) {
    .popupForm {
        top: 55px;
        right: 0;
        transform: translateY(-50%) translateX(120%);
    }

    .popupForm.active {
        transform: translateY(70px) translateX(0);
    }

    .popupForm-content {
        max-width: 45vw;
    }

    .popupForm-closer {
        z-index: 2;
        top: 10px;
        right: 10px;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
        background: transparent;
        padding: 0;
        width: 25px;
        height: 25px;
    }

    .popupForm-closer svg {
        width: 30px;
        height: 30px;
    }

    .rf-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .popupForm-content {
        max-width: 55vw;
    }
}

@media screen and (max-width: 500px) {
    .popupForm-content {
        max-width: 90%;
        padding: 25px;
    }
}
/* End */


/* Start:/local/templates/Starkwood/css/locomotive-helper.css?17516459701837*/
html.has-scroll-smooth,
.has-scroll-smooth body,
.has-scroll-smooth main {
    overflow: hidden;
    height: 100vh;
}

#js-scroll {
    
}

.has-scroll-smooth img.bigTranslatedImg {
    --overflow: 80px;
}

.has-scroll-smooth img.midTranslatedImg {
    --overflow: 60px;
}

@media screen and (min-width: 1900px) {
    .has-scroll-smooth img.bigTranslatedImg {
        --overflow: 120px;
    }

    .has-scroll-smooth img.midTranslatedImg {
        --overflow: 80px;
    }
}

.has-scroll-smooth img.translatedImg {
    position: relative;
    will-change: transform;
    height: calc(100% + (2 * var(--overflow)));
    top: calc(-1 * var(--overflow));
    will-change: transform;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.animated-text,
.animated-text.is-inview.hideFb {
    opacity: 0;
    transition: all 1s ease;
    transform: translateY(1vw);
}

.animated-text.animated-text-active,
.animated-text.is-inview {
    opacity: 1;
    transform: translateY(0);
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100vh;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}

.c-scrollbar:hover {
    transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
    opacity: 1;
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    width: 7px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.has-scroll-dragging {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}
/* End */


/* Start:/local/templates/Starkwood/css/preloader.css?1751645970180*/
.preloader {
	position: fixed;
	z-index: 1200;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #323137;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* End */
/* /local/templates/Starkwood/css/base.css?177489975526681 */
/* /local/templates/Starkwood/css/loader.css?1751645970960 */
/* /local/templates/Starkwood/css/header.css?17516459708737 */
/* /local/templates/Starkwood/css/footer.css?17516459706622 */
/* /local/templates/Starkwood/css/slick.css?17516459701776 */
/* /local/templates/Starkwood/css/main.css?175164597029467 */
/* /local/templates/Starkwood/css/main2.css?175164597013545 */
/* /local/templates/Starkwood/css/contacts.css?17516459697610 */
/* /local/templates/Starkwood/css/menu.css?17516459709057 */
/* /local/templates/Starkwood/css/right_form.css?17516459706820 */
/* /local/templates/Starkwood/css/right_form_v2.css?177254038516018 */
/* /local/templates/Starkwood/css/popup_form.css?17516459704020 */
/* /local/templates/Starkwood/css/locomotive-helper.css?17516459701837 */
/* /local/templates/Starkwood/css/preloader.css?1751645970180 */