html, body { margin: 0; padding: 0; width: 100vw; background-color: black; font-family: "futura-pt"; font-weight: 400; font-size: 16px; -webkit-font-smoothing: antialiased; }

.fs__video { background-color: #fff; }

.fs__inner { background-color: black; color: white; /*overflow-y: auto; -webkit-overflow-scrolling: touch;*/ }

.fs__arrow-wrap { display: none; }

.fs__text { padding: 20px; }

.fs__copy { max-width: 580px; float: left; }

.fs__logo img { width: 39px; margin: 20px 0 28px; }

.fs__contact { width: 100%; clear: left; }

fieldset { margin: 0 0 40px; padding: 0; border: 0 none; position: relative; }

.button { text-transform: uppercase; text-decoration: none; border: 1px solid white; color: white; font-size: 13px; padding: 10px 27px; display: inline-block; text-align: center; letter-spacing: 2px; }

h2 { font-weight: normal; border-bottom: 1px solid white; display: inline-block; margin-top: 0; }

input[type=text] { background: transparent; border: 0 none; border-bottom: 1px solid white; color: white; font-family: Futura; margin: 0; padding: 10px 0; width: 100%; -webkit-appearance: none; border-radius: 0; }

input[type=text]:focus { outline: 0 none; }

input[type=text]::-webkit-input-placeholder { color: #595a59; }

input[type=text]::-moz-placeholder { color: #595a59; }

input[type=text]:-ms-input-placeholder { color: #595a59; }

input[type=text]::placeholder { color: #595a59; }

input[type=text]:focus::-webkit-input-placeholder { color: #000; }

input[type=text]:focus::-moz-placeholder { color: #000; }

input[type=text]:focus:-ms-input-placeholder { color: #000; }

input[type=text]:focus::placeholder { color: #000; }

button { padding: 10px; background: transparent; border: 0 none; margin: 0; position: absolute; top: 7px; right: 0px; }

button span { display: block; width: 0; height: 0; border-top: 5.5px solid transparent; border-bottom: 5.5px solid transparent; border-left: 10px solid white; overflow: hidden; }

a, a:link, a:visited { text-decoration: none; color: white; }

a:hover, a:active { border-bottom: 1px solid; }

h2 { font-size: 16px; font-weight: normal; }

input { font-size: 16px; }

@media screen and (orientation: landscape) { body { overflow: hidden; height: 100vh; /*background-color: white;*/ }
  .fs__video { -o-object-fit: contain; object-fit: contain; -o-object-position: top center; object-position: top center; width: 100%; max-height: calc( 100% - 90px); /*max-height: 100%;*/ background-color: #efefef; }
  .fs__text { background-color: black; }
  .fs__content { position: absolute; width: 100%; height: 100%; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .fs__inner { position: absolute; top: 100%; left: 0; right: 0; bottom: 50%; height: 50%; font-size: 22px; margin-top: -90px; padding-top: 90px; }
  .fs__arrow-wrap { width: 100%; height: 90px; position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .fs__arrow { width: 30px; height: 30px; margin: auto; display: block; -webkit-transition: -webkit-transform .3s ease 0s; transition: -webkit-transform .3s ease 0s; transition: transform .3s ease 0s; transition: transform .3s ease 0s, -webkit-transform .3s ease 0s; -webkit-transform-origin: 50%; transform-origin: 50%; }
  .fs__arrow:hover, .fs__arrow:active { border-bottom: 0 none; }
  .fs__arrow:hover svg, .fs__arrow:active svg { opacity: 0.3; }
  .fs__arrow svg { display: block; width: 100%; height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; } }

@media screen and (orientation: portrait) { .fs__video { width: 100vmin; height: 56.25vmin; font-size: 16px; display: block; } }

@media only screen and (min-width: 768px) and (orientation: landscape) { body { font-size: 22px; }
  .fs__logo { width: 80px; position: absolute; }
  .fs__logo img { width: 80px; margin: 4px 0; }
  .fs__text { /*max-width: 690px;*/ /*margin: 0 auto;*/ padding: 76px 60px; }
  .fs__copy { max-width: 480px; padding-left: 170px; }
  .fs__contact { max-width: 480px; padding-left: 170px; position: relative; }
  .fs__arrow-wrap { width: 100%; height: 90px; position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .fs__arrow { width: 30px; height: 30px; margin: auto; display: block; -webkit-transition: -webkit-transform .3s ease 0s; transition: -webkit-transform .3s ease 0s; transition: transform .3s ease 0s; transition: transform .3s ease 0s, -webkit-transform .3s ease 0s; -webkit-transform-origin: 50%; transform-origin: 50%; }
  .fs__arrow:hover, .fs__arrow:active { border-bottom: 0 none; }
  .fs__arrow:hover svg, .fs__arrow:active svg { opacity: 0.3; }
  .fs__arrow svg { display: block; width: 100%; height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; }
  .open .fs__arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .button { font-size: 18px; width: 100%; max-width: 234px; -webkit-transition: all .5s ease; transition: all .5s ease; }
  .button:hover { text-decoration: none; background-color: #fff; color: #000; border-bottom-color: #fff; }
  h2 { font-size: 22px; font-weight: normal; /*float: left; clear: both;*/ }
  input { font-size: 22px; }
  form { max-width: 290px; clear: both; }
  button { top: 12px; }
  button span { -webkit-transition: all .5s ease; transition: all .5s ease; }
  button:hover { cursor: pointer; }
  button:hover span { border-left-color: #595a59; }
  .contacts { width: 75%; }
  .social { position: absolute; bottom: 0; right: 0; margin-bottom: 0; }
  .social a, .contacts a { position: relative; }
  .social a:after, .contacts a:after { content: ""; position: absolute; bottom: -2px; left: 0; width: 0px; height: 1px; background-color: #fff; -webkit-transition: width .5s ease; transition: width .5s ease; }
  .social a:hover, .social a:active, .contacts a:hover, .contacts a:active { text-decoration: none; color: white; border-bottom: 0 none; }
  .social a:hover:after, .social a:active:after, .contacts a:hover:after, .contacts a:active:after { width: 100%; } }

@media only screen and (min-width: 1280px) { .fs__text { padding: 76px 80px; }
  .fs__contact { /*float: right;*/ }
  .fs__inner { margin-top: -90px; padding-top: 90px; height: calc( 50% - 90px); position: relative; }
  .fs__text { /*height: calc( 100% - 152px);*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .fs__copy { padding-left: 0; padding-top: 137px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .fs__copy p:last-child { margin-bottom: 0; }
  .fs__contact { padding-left: 0; max-width: 290px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .fs__logo img { margin: 0 0 58px; }
  .contacts { float: none; width: 100%; }
  .button { margin-top: 50px; }
  .social { float: none; width: 100%; margin-bottom: 0; }
  .social li { width: 50%; float: left; }
  .social li:nth-child(even) { text-align: right; } }

.cf:before, .cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

p { margin-top: 0; margin-bottom: 32px; }

ul { padding: 0; margin-top: 0; }

li { list-style: none; }

::-webkit-input-placeholder { color: white; opacity: 1; }

::-moz-placeholder { color: white; opacity: 1; }

:-ms-input-placeholder { color: white; opacity: 1; }

:-moz-placeholder { color: white; opacity: 1; }
/*# sourceMappingURL=style.css.map */