@import url("fonts.css");
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: "FiraSansRegular", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
  background: #ffffff;
}

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

ul {
  margin: 10px 0;
  padding: 0;
  list-style-position: inside;
}

.flexbox {
  display: flex;
}

.bigger {
  font-size: 1.2em;
}

.smaller {
  font-size: 0.8em;
}

.mt100 {
  margin-top: 100px;
}

.mb50 {
  margin-bottom: 50px;
}

.sep40 {
  height: 40px;
}

.sep70 {
  height: 70px;
}

.sep100 {
  height: 100px;
}

.tac {
  text-align: center;
}

.mav {
  margin: auto;
}

.active {
  opacity: 1 !important;
}

.inactive {
  opacity: 0.3 !important;
}

.error {
  border-color: #973d3d;
  background: #f0bebe !important;
  color: #a35959;
}

.scene1 {
  height: 1000px;
}
.scene1-inn {
  padding-bottom: 20px;
}
.scene1-inn-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1330px;
  margin: auto;
  z-index: 2;
}
.scene1-inn-top-menu {
  margin-top: 27px;
  margin-right: 229px;
  width: 50px;
  height: 52px;
}
.scene1-inn-top-logo {
  width: 400px;
  height: 117px;
}
.scene1-inn-top-phone-area {
  margin-top: 20px;
  font-family: "FiraSansMedium", sans-serif;
  font-size: 0.8em;
  text-align: center;
}
.scene1-inn-top-phone-area span {
  font-size: 1.5em;
  font-weight: 600;
}
@media (max-width: 1330px) {
  .scene1-inn-top {
    padding: 0 20px;
  }
}
.scene1-inn-line {
  position: relative;
  top: -7px;
  height: 2px;
  background: #b6b2b2;
  z-index: 1;
}
.scene1-inn-main {
  margin: 70px auto 0 auto;
  max-width: 1330px;
  display: flex;
  justify-content: space-around;
}
.scene1-inn-main-mixplaster {
  display: none;
  width: 727px;
}
@media (max-width: 1600px) {
  .scene1-inn-main-mixplaster img {
    height: 580px;
  }
}
@media (max-width: 1330px) {
  .scene1-inn-main-mixplaster {
    width: 50%;
  }
}
.scene1-inn-main-info {
  min-width: 420px;
  max-width: 420px;
  margin-top: 120px;
  font-family: "FiraSansLight", sans-serif;
}
.scene1-inn-main-info-header {
  display: none;
  font-family: "FiraSansBold", sans-serif;
  font-size: 2.4em;
}
.scene1-inn-main-info-subheader {
  display: none;
  font-size: 1.6em;
}
.scene1-inn-main-info-sub-subheader {
  font-size: 1.15em;
}
.scene1-inn-main-info .ssh1, .scene1-inn-main-info .ssh2, .scene1-inn-main-info .ssh3 {
  display: none;
}
.scene1-inn-main-info-inframe {
  display: none;
  margin-top: 75px;
  padding: 10px;
  font-size: 1.3em;
  line-height: 1.1;
  border: 1px #333333 solid;
}
@media (max-width: 1600px) {
  .scene1-inn-main-info-inframe {
    margin-top: 50px;
  }
}
.scene1-inn-main-info-video-btn {
  display: none;
  margin-top: 75px;
  text-align: center;
}
@media (max-width: 1600px) {
  .scene1-inn-main-info-video-btn {
    margin-top: 50px;
  }
}
@media (max-width: 1600px) {
  .scene1-inn-main-info {
    margin-top: 60px;
  }
}
@media (max-width: 1600px) {
  .scene1-inn-main {
    margin: 40px auto 0 auto;
  }
}
@media (max-width: 1200px) {
  .scene1-inn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1330px) {
  .scene1-inn {
    max-width: 100%;
  }
}
@media (max-height: 800px) {
  .scene1 {
    height: auto;
  }
}

.this-site {
  font-family: "FiraSansBold", sans-serif;
  font-size: 4.6em;
  text-align: center;
  padding: 110px 0;
  background: #e6e6e6;
}

.scene2 {
  position: relative;
  height: 952px;
  background: url("../img/scene2.webp") right no-repeat;
  z-index: 19;
  margin-bottom: 50px;
}
.scene2-inn {
  padding-top: 20%;
  margin: auto;
  max-width: 1330px;
}
.scene2-inn-manager {
  position: relative;
  width: 820px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 3.6em;
}
@media (max-width: 1200px) {
  .scene2-inn-manager {
    font-size: 3.2em;
  }
}
.scene2-inn-manager:after {
  position: absolute;
  top: 60px;
  right: 20px;
  width: 78px;
  height: 114px;
  content: url(../img/manager-arr1.png);
}
.scene2-inn-form {
  margin-top: 45px;
  display: flex;
}
.scene2-inn-form-input {
  display: flex;
  width: 410px;
  height: 62px;
  padding: 5px 10px;
  margin-right: 20px;
  background: #f0f4f9;
  border: 2px #888888 solid;
}
.scene2-inn-form-input-phone {
  width: 45px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
.scene2-inn-form-input input[type=text] {
  width: 360px;
  height: 42px;
  background: none;
  border: none;
  font-size: 1.2em;
}
.scene2-inn-form-submit {
  display: flex;
  padding: 15px 10px 16px 10px;
  width: 270px;
  height: 62px;
  background: #ffdb4b;
  border-radius: 5px;
  cursor: pointer;
}
.scene2-inn-form-submit:hover {
  background: #f9c40d;
}
.scene2-inn-form-submit:hover input[type=submit] {
  background: #f9c40d;
}
.scene2-inn-form-submit-arr {
  width: 34px;
  margin-right: 10px;
  padding-right: 10px;
  padding-top: 2px;
  border-right: 1px black solid;
}
.scene2-inn-form-submit input[type=submit] {
  width: 215px;
  height: 31px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  background: #ffdb4b;
  border: none;
  overflow: visible;
  cursor: pointer;
}
.scene2-inn-agreement {
  font-family: "FiraSansLight", sans-serif;
  padding-top: 250px;
  max-width: 365px;
  font-size: 0.8em;
}
@media (max-width: 1600px) {
  .scene2-inn {
    padding-top: 15%;
  }
}
@media (max-width: 1200px) {
  .scene2-inn {
    padding-left: 20px;
  }
}
@media (max-width: 1600px) {
  .scene2 {
    height: 110vh;
    background: url("../img/scene2.webp") 70% no-repeat;
  }
}

.scene2a-wrapper {
  position: relative;
  height: 2500px;
  background: #2c3b5f;
  z-index: 22;
}

.scene2a {
  position: relative;
  height: 100vh;
  padding: 100px 45px 50px 45px;
  color: #ffffff;
  background: url(../img/blue-bg.png) top repeat-x;
  z-index: 24;
}
.scene2a-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background: url(../img/blue-bg1.png) bottom repeat-x;
}
@media (max-height: 800px) {
  .scene2a-bg {
    background-size: auto 200px;
  }
}
.scene2a-inn {
  font-size: 1.3em;
  max-width: 1330px;
  margin: auto;
}
.scene2a-inn-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 3em;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-height: 800px) {
  .scene2a-inn-header {
    font-size: 2.4em;
  }
}
.scene2a-inn-subheader, .scene2a-inn-final-text {
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.8em;
  margin-bottom: 30px;
  opacity: 0.3;
  transition: 1s;
}
.scene2a-inn-text {
  position: absolute;
  top: 430px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  color: #fff;
  z-index: 23;
}
.scene2a-inn-text p {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 2.4em;
  text-align: center;
  margin-bottom: 80px;
  opacity: 0.3;
  transition: 1s;
}
.scene2a-inn-no-worry {
  margin: 50px 0;
  font-size: 1.6em;
  opacity: 0.3;
  transition: 1s;
}
.scene2a-inn-br-left {
  padding-left: 30px;
  border-left: 1px #ffffff solid;
  opacity: 0.3;
  transition: 1s;
}
.scene2a-inn ul {
  margin-bottom: 50px;
}
.scene2a-inn ul li {
  height: 70px;
  opacity: 0.3;
  font-size: 1.2em;
  transition: 1s;
  margin-bottom: 12px;
}
@media (max-height: 800px) {
  .scene2a {
    background-size: auto 350px;
  }
}

.scene2b {
  position: relative;
  height: 952px;
  background: url("../img/scene2.webp") no-repeat;
  margin-bottom: 50px;
  z-index: 25;
}
.scene2b-inn {
  padding-top: 17%;
  margin: auto;
  max-width: 1330px;
}
.scene2b-inn-manager {
  position: relative;
  width: 820px;
  margin-bottom: 20px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 2.5em;
}
.scene2b-inn-manager:after {
  position: absolute;
  top: 40px;
  right: -50px;
  width: 78px;
  height: 114px;
  content: url(../img/manager-arr.png);
}
.scene2b-inn-text {
  font-family: "FiraSansRegular", sans-serif;
  font-size: 1.2em;
}
.scene2b-inn-form {
  margin-top: 45px;
  display: flex;
}
.scene2b-inn-form-input {
  display: flex;
  width: 410px;
  height: 62px;
  padding: 5px 10px;
  margin-right: 20px;
  background: #f0f4f9;
  border: 2px #888888 solid;
}
.scene2b-inn-form-input-phone {
  width: 45px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
.scene2b-inn-form-input input[type=text] {
  width: 360px;
  height: 42px;
  font-size: 1.2em;
  background: none;
  border: none;
}
.scene2b-inn-form-submit {
  display: flex;
  padding: 15px 10px 16px 10px;
  width: 320px;
  height: 62px;
  background: #ffdb4b;
  border-radius: 5px;
  cursor: pointer;
}
.scene2b-inn-form-submit:hover {
  background: #f9c40d;
}
.scene2b-inn-form-submit:hover input[type=submit] {
  background: #f9c40d;
}
.scene2b-inn-form-submit-arr {
  width: 34px;
  margin-right: 10px;
  padding-right: 10px;
  padding-top: 2px;
  border-right: 1px black solid;
}
.scene2b-inn-form-submit input[type=submit] {
  width: 250px;
  height: 31px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  background: #ffdb4b;
  border: none;
  overflow: visible;
  cursor: pointer;
}
.scene2b-inn-agreement {
  font-family: "FiraSansLight", sans-serif;
  padding-top: 250px;
  max-width: 365px;
  font-size: 0.8em;
}
@media (max-width: 1600px) {
  .scene2b-inn {
    padding-top: 12%;
  }
}
@media (max-width: 1200px) {
  .scene2b-inn {
    padding-left: 20px;
  }
}
@media (max-width: 1600px) {
  .scene2b {
    height: 110vh;
    background: url("../img/scene2.webp") 60% no-repeat;
  }
}

.scene3-wrapper {
  position: relative;
  height: 1800px;
  background: #ffffff;
  z-index: 20;
}
@media (max-height: 800px) {
  .scene3-wrapper {
    height: 1500px;
  }
}

.scene3 {
  height: 100vh;
  position: relative;
  z-index: 22;
  background: url(../img/scene3.webp) right bottom no-repeat;
  background-size: 40%;
}
.scene3-w {
  position: relative;
  height: 100vh;
  max-width: 1330px;
  margin: auto;
}
@media (max-width: 1330px) {
  .scene3-w {
    max-width: 100%;
  }
}
.scene3-h {
  padding-top: 85px;
  height: 350px;
  width: 800px;
  background: url(../img/white-bg1.png) repeat-x;
}
@media (max-width: 1330px) {
  .scene3-h {
    width: 660px;
  }
}
.scene3-wbg {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 66px;
  width: 800px;
  background: url(../img/white-bg.png) repeat-x;
}
@media (max-height: 800px) {
  .scene3-wbg {
    height: 40px;
    background: url(../img/white-bg5.png) repeat-x;
  }
}
.scene3-inn {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -665px;
  max-width: 1330px;
  z-index: 20;
}
.scene3-inn-header {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 4.4em;
}
@media (max-width: 1330px) {
  .scene3-inn-header {
    font-size: 3.6em;
  }
}
.scene3-inn-subheader {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 2em;
}
.scene3-inn-running-text {
  width: 55%;
  margin-top: 300px;
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 2.6em;
  color: #000000;
}
.scene3-inn-running-text p {
  line-height: 1.2;
  opacity: 0.3;
  transition: 1s;
  margin: 20px 0;
}
@media (max-width: 1330px) {
  .scene3-inn {
    padding-left: 20px;
    max-width: 100%;
    margin-left: -600px;
  }
}
@media (max-width: 1200px) {
  .scene3 {
    background-size: 50%;
  }
}

.scene3a {
  position: relative;
  background: #e6e6e6;
  z-index: 21;
}
.scene3a-inn {
  max-width: 1330px;
  margin: auto;
  padding: 100px 0 70px 0;
  font-family: "FiraSansBold", sans-serif;
  font-size: 9em;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1330px) {
  .scene3a-inn {
    font-size: 7em;
  }
}
@media (max-width: 1200px) {
  .scene3a-inn {
    font-size: 5em;
  }
}

.scene4-wrapper {
  position: relative;
  height: 1450px;
  background: #ffffff;
  z-index: 23;
}
@media (max-height: 800px) {
  .scene4-wrapper {
    height: 1200px;
  }
}

.scene4 {
  height: 100vh;
  position: relative;
  padding-top: 60px;
  z-index: 24;
}
.scene4-h {
  padding-top: 50px;
  height: 250px;
  width: 800px;
  background: url(../img/white-bg1.png) bottom repeat-x;
}
.scene4-w {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -665px;
  width: 1330px;
}
@media (max-width: 1200px) {
  .scene4-w {
    width: 100%;
    margin-left: -600px;
  }
}
.scene4-right {
  margin-left: 55%;
  width: 45%;
  padding-top: 80px;
  background: url(../img/white-bg1.png) bottom repeat-x;
  height: 350px;
}
.scene4-right-header {
  padding-bottom: 50px;
  font-family: "FiraSansEBold", sans-serif;
  font-size: 4em;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .scene4-right-header {
    font-size: 3.4em;
  }
}
.scene4-left-adv {
  position: relative;
  width: 300px;
  top: -250px;
  left: 10%;
}
@media (max-width: 1600px) {
  .scene4-left-adv {
    top: -190px;
  }
}
@media (max-width: 1600px) {
  .scene4-left img {
    height: 720px;
  }
}
@media (max-width: 1200px) {
  .scene4-left-adv {
    top: -150px;
  }
  .scene4-left img {
    width: 900px;
  }
}
.scene4-inn {
  position: absolute;
  top: 380px;
  left: 50%;
  margin-left: -665px;
  width: 1330px;
  height: 1200px;
}
.scene4-inn-text {
  width: 45%;
  margin-left: 55%;
}
.scene4-inn-text-subheader {
  margin-bottom: 50px;
  font-family: "FiraSansMedium", sans-serif;
  font-size: 1.4em;
  text-align: center;
}
.scene4-inn-text-text {
  margin: 30px 0;
  font-size: 1.6em;
  transition: 1s;
}
.scene4-inn-text-text span {
  font-family: "FiraSansBold", sans-serif;
}
.scene4-inn-text .active {
  font-family: "FiraSansBold", sans-serif;
}
.scene4-inn-text .inactive {
  font-family: "FiraSansRegular", sans-serif;
  opacity: 1 !important;
}
@media (max-width: 1200px) {
  .scene4-inn {
    width: 100%;
    margin-left: -600px;
  }
}

.scene5 {
  position: relative;
  height: 950px;
  padding-top: 110px;
  color: #ffffff;
  text-align: center;
  background: url(../img/scene5.webp) no-repeat;
  z-index: 25;
}
.scene5-header {
  margin-bottom: 80px;
  font-family: "FiraSansBlack", sans-serif;
  font-size: 6.4em;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .scene5-header {
    font-size: 5.4em;
  }
}
.scene5-video-button {
  margin-bottom: 10px;
}
.scene5-play a, .scene5-play a:hover, .scene5-play a:visited {
  font-family: "FiraSansBold", sans-serif;
  font-size: 2.4em;
  color: #ffffff;
  text-decoration: none;
}

.scene6-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 100px;
}
.scene6-inn-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 6.4em;
  line-height: 1.1;
  text-align: center;
}
@media (max-width: 1200px) {
  .scene6-inn-header {
    font-size: 5.8em;
  }
}
.scene6-inn-subheader {
  font-size: 2em;
  text-align: center;
}
.scene6-inn-video-list {
  margin-top: 130px;
}
.scene6-inn-video-list-row {
  margin-bottom: 90px;
  display: flex;
}
.scene6-inn-video-list-row-video {
  width: 653px;
  min-width: 653px;
  margin-right: 50px;
}
@media (max-width: 1200px) {
  .scene6-inn-video-list-row-video {
    min-width: 500px;
    max-width: 500px;
  }
}
.scene6-inn-video-list-row-desc {
  max-width: 600px;
}
.scene6-inn-video-list-row-desc-header {
  font-family: "Akrobat-ExtraBold", sans-serif;
  font-size: 3.2em;
  margin-bottom: 40px;
}
.scene6-inn-video-list-row-desc-text {
  max-width: 550px;
  font-family: "Akrobat-Regular", sans-serif;
  font-size: 1.6em;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .scene6-inn {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.scene7 {
  height: 952px;
  background: url("../img/scene2.webp") no-repeat;
}
.scene7-inn {
  padding-top: 17%;
  margin: auto;
  max-width: 1330px;
}
.scene7-inn-manager {
  position: relative;
  width: 820px;
  margin-bottom: 20px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 2.5em;
}
.scene7-inn-manager:after {
  position: absolute;
  top: 40px;
  right: -50px;
  width: 78px;
  height: 114px;
  content: url(../img/manager-arr.png);
}
.scene7-inn-form {
  margin-top: 45px;
  display: flex;
}
.scene7-inn-form-input {
  display: flex;
  width: 410px;
  height: 62px;
  padding: 6px 10px 4px 10px;
  margin-right: 20px;
  background: #f0f4f9;
  border: 2px #888888 solid;
}
.scene7-inn-form-input-phone {
  width: 45px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
.scene7-inn-form-input input[type=text] {
  width: 360px;
  height: 42px;
  font-size: 1.2em;
  padding-left: 15px;
  background: none;
  border: none;
}
.scene7-inn-form-submit {
  display: flex;
  padding: 15px 10px 16px 10px;
  width: 320px;
  height: 62px;
  background: #ffdb4b;
  border-radius: 5px;
  cursor: pointer;
}
.scene7-inn-form-submit:hover {
  background: #f9c40d;
}
.scene7-inn-form-submit:hover input[type=submit] {
  background: #f9c40d;
}
.scene7-inn-form-submit-arr {
  width: 34px;
  margin-right: 12px;
  padding-right: 10px;
  padding-top: 2px;
  border-right: 1px black solid;
}
.scene7-inn-form-submit input[type=submit] {
  width: 250px;
  height: 31px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  background: #ffdb4b;
  border: none;
  overflow: visible;
  cursor: pointer;
}
.scene7-inn-agreement {
  font-family: "FiraSansLight", sans-serif;
  padding-top: 250px;
  max-width: 365px;
  font-size: 0.8em;
}
@media (max-width: 1200px) {
  .scene7 {
    padding-left: 20px;
    background: url("../img/scene2.webp") 60% no-repeat;
  }
}

.scene8 {
  position: relative;
  background: #ffffff;
  z-index: 26;
}
.scene8-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 100px;
  text-align: center;
}
.scene8-inn-header {
  font-family: "FiraSansMedium", sans-serif;
  font-size: 5.4em;
  margin-bottom: 120px;
}
@media (max-width: 1600px) {
  .scene8-inn-header {
    margin-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .scene8-inn-header {
    font-size: 5em;
  }
}
.scene8-inn-subheader {
  font-size: 2em;
}
.scene8-inn-subheader span {
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.6em;
}
.scene8-inn-chars {
  display: flex;
  max-width: 1100px;
  margin: 100px auto 0 auto;
}
.scene8-inn-chars-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 2em;
}
.scene8-inn-chars div {
  text-align: left;
  margin: 0 20px;
}
.scene8-inn-adv {
  margin: 0px auto 40px auto;
  max-width: 610px;
  font-family: "FiraSansRegular", sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
  text-align: left;
  padding: 15px;
  border: 5px #ffdb4b solid;
}
.scene8 .gallery {
  max-width: 700px;
  margin: 20px auto 0px auto;
}
@media (max-width: 1600px) {
  .scene8 .gallery {
    max-width: 500px;
  }
}
.scene8 .hit {
  display: flex;
  justify-content: center;
  font-size: 2.4em;
}
.scene8 .hit * {
  padding: 0 10px;
}

.tech {
  position: relative;
  background: #e6e6e6 url(../img/tech-bg.webp) 100% 50px no-repeat;
  z-index: 27;
}
.tech-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 70px;
  padding-bottom: 120px;
}
.tech-inn-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 4.6em;
  line-height: 1.2;
}
@media (max-width: 1330px) {
  .tech-inn-header {
    font-size: 4.2em;
  }
}
.tech-inn ul {
  margin-top: 80px;
}
.tech-inn ul li {
  list-style: none;
  font-size: 2em;
  line-height: 1.2;
  min-height: 52px;
  padding-left: 105px;
  margin-bottom: 40px;
  background: url(../img/gull-mob.png) 0px 15px no-repeat;
}
.tech-inn ul li:first-child {
  max-width: 480px;
}
.tech-inn ul li:nth-child(2) {
  max-width: 650px;
}
.tech-inn-more {
  display: flex;
  align-items: center;
  margin-top: 110px;
}
.tech-inn-more-more {
  font-family: "FiraSansBold", sans-serif;
  font-size: 8em;
  margin-right: 50px;
}
.tech-inn-more-text {
  font-size: 1.8em;
  line-height: 1.2;
}
.tech-inn-more-text span {
  display: block;
  text-align: center;
  margin-left: -80px;
}
@media (max-width: 1330px) {
  .tech-inn {
    width: 100%;
    padding: 50px 20px;
  }
}
@media (max-width: 1600px) {
  .tech {
    background-size: 50%;
  }
}

.price-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 120px;
}
.price-inn-header {
  margin-bottom: 40px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 4.4em;
}
@media (max-height: 800px) {
  .price-inn-header {
    font-size: 3.6em;
  }
}
.price-inn-main {
  display: flex;
  justify-content: space-around;
}
.price-inn-main-left {
  position: relative;
  min-width: 600px;
}
.price-inn-main-left img {
  width: 600px;
  height: 600px;
}
.price-inn-main-left .hit {
  position: absolute;
  left: 20px;
  bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
}
.price-inn-main-left .hit * {
  margin: 0 5px;
}
.price-inn-main-left .hit img {
  width: 24px;
  height: 23px;
}
@media (max-height: 800px) {
  .price-inn-main-left .hit {
    bottom: 0px;
  }
}
@media (max-height: 800px) {
  .price-inn-main-left {
    min-width: 500px;
  }
  .price-inn-main-left img {
    width: 550px;
    height: 550px;
  }
}
.price-inn-main-right {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23333' stroke-width='5' stroke-dasharray='6%2c 10' stroke-dashoffset='13' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 5px;
  padding: 0 40px;
  text-align: center;
}
.price-inn-main-right-price {
  margin: 50px auto;
}
.price-inn-main-right-price-price {
  margin: auto;
  font-family: "FiraSansBold", sans-serif;
  font-size: 3.8em;
  text-align: right;
  background: url(../img/gull.png) 6% 85% no-repeat;
}
@media (max-height: 800px) {
  .price-inn-main-right-price-price {
    font-size: 3em;
  }
}
@media (max-width: 1330px) {
  .price-inn-main-right-price-price {
    font-size: 3em;
  }
}
.price-inn-main-right-prepay {
  margin-top: 50px;
  font-family: "FiraSanslight", sans-serif;
  font-size: 2.2em;
  text-align: center;
  line-height: 1.2;
}
.price-inn-main-right-prepay span {
  display: block;
  font-family: "FiraSansMedium", sans-serif;
  margin-bottom: 20px;
}
.price-inn-main-right-prepay-buy {
  display: block;
  margin: 30px auto;
  width: 414px;
  height: 65px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.4em;
  color: #ffffff;
  background: #da271c;
  border: none;
  border-radius: 26px;
  line-height: 1;
  text-decoration: none;
  padding-bottom: 7px;
  cursor: pointer;
}
.price-inn-main-right-prepay-buy:hover {
  background: #c21007;
  color: #ffffff;
}
@media (max-width: 1330px) {
  .price-inn {
    max-width: 100%;
    padding: 80px 20px;
  }
}

.scene9 {
  background: #f0f4f9;
}
.scene9-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 80px;
}
.scene9-inn-header {
  margin-bottom: 15px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 2.6em;
}
.scene9-inn-subheader {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.scene9-inn-subheader-left {
  width: 70%;
  margin-right: 20px;
  padding: 3px 5px;
  font-family: "FiraSansLight", sans-serif;
  color: #1c1c1c;
  font-size: 1.7em;
  line-height: 1.2;
  background: #ffdb4b;
}
.scene9-inn-subheader-right {
  width: 30%;
}
.scene9-inn-dostavka {
  display: flex;
}
.scene9-inn-dostavka-left {
  width: 60%;
  margin-right: 40px;
}
.scene9-inn-dostavka-left-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.4em;
  margin-bottom: 20px;
}
.scene9-inn-dostavka-left-video {
  width: 770px;
  height: 435px;
}
@media (max-width: 1200px) {
  .scene9-inn-dostavka-left-video {
    width: 560px;
    height: 317px;
  }
}
.scene9-inn-dostavka-right {
  width: 40%;
}
.scene9-inn-dostavka-right-form {
  position: relative;
  max-width: 470px;
  padding: 30px;
  text-align: center;
  background: #ffffff;
  border: 1px #000000 solid;
  border-radius: 20px;
}
.scene9-inn-dostavka-right-form-header {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 1.8em;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media (max-height: 800px) {
  .scene9-inn-dostavka-right-form-header {
    font-size: 1.4em;
    margin-bottom: 20px;
  }
}
.scene9-inn-dostavka-right-form-subheader {
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.1em;
}
.scene9-inn-dostavka-right-form form {
  margin-top: 30px;
}
@media (max-height: 800px) {
  .scene9-inn-dostavka-right-form form {
    margin-top: 20px;
  }
}
.scene9-inn-dostavka-right-form-input {
  display: flex;
  align-items: center;
  width: 410px;
  height: 54px;
  padding: 5px 10px;
  margin-right: 20px;
  background: #f0f4f9;
  border: 1px #d6d6d6 solid;
  margin-bottom: 20px;
}
.scene9-inn-dostavka-right-form-input-phone {
  width: 45px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
@media (max-height: 800px) {
  .scene9-inn-dostavka-right-form-input-phone {
    width: 40px;
  }
  .scene9-inn-dostavka-right-form-input-phone img {
    max-height: 28px;
  }
}
.scene9-inn-dostavka-right-form-input input[type=text] {
  width: 360px;
  height: 42px;
  padding-left: 10px;
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.2em;
  background: none;
  border: none;
}
@media (max-height: 800px) {
  .scene9-inn-dostavka-right-form-input input[type=text] {
    height: 32px;
  }
}
@media (max-height: 800px) {
  .scene9-inn-dostavka-right-form-input {
    height: 52px;
  }
}
.scene9-inn-dostavka-right-form-send {
  margin-top: 20px;
  width: 314px;
  height: 52px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  background: #ffdb4b;
  border: none;
  cursor: pointer;
}
.scene9-inn-dostavka-right-form-send:hover {
  background: #f9c40d;
}
.scene9-inn-dostavka-right-form-agreement {
  font-family: "FiraSansLight", sans-serif;
  padding-top: 30px;
  font-size: 0.8em;
}
@media (max-width: 1200px) {
  .scene9-inn {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.scene10-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 80px;
}
.scene10-inn-header {
  margin-bottom: 80px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 3em;
  line-height: 1.2;
}
.scene10 .otzivy {
  width: 1100px;
  margin: auto;
}
.scene10 .otzivy .slick-slide {
  text-align: center;
}
.scene10 .otzivy img {
  width: 445px !important;
  height: auto;
}
@media (max-width: 1600px) {
  .scene10 .otzivy {
    width: 960px;
  }
}
@media (max-width: 1200px) {
  .scene10 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.benefit {
  position: relative;
  padding-top: 30px;
  padding-bottom: 20px;
  background: #434343;
  font-family: "FiraSansBold", sans-serif;
  font-size: 6.4em;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  z-index: 25;
}

.scene11 {
  height: 1100px;
  background: url(../img/scene11.webp) bottom right no-repeat;
}
.scene11-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 80px;
}
.scene11-inn-header {
  margin-bottom: 70px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 2.8em;
  line-height: 1.2;
}
.scene11-inn-subheader {
  margin-bottom: 40px;
  font-family: "FiraSansMedium", sans-serif;
  font-size: 1.8em;
}
.scene11-inn li {
  padding-left: 40px;
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.4em;
  list-style: none;
  margin: 3px 0;
  background: url(../img/gull-small.png) left no-repeat;
}
.scene11-inn-more {
  display: block;
  margin-top: 60px;
  width: 314px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  color: #000000;
  text-decoration: none;
  background: #ffdb4b;
  border: none;
}
.scene11-inn-more:hover {
  background: #f9c40d;
}
@media (max-width: 1600px) {
  .scene11 {
    height: 110vh;
    padding-left: 20px;
    background-size: cover;
  }
}

.scene12 {
  height: 950px;
  padding-top: 80px;
  background: #ffffff url(../img/scene12.webp) right bottom no-repeat;
}
.scene12-inn {
  max-width: 1330px;
  margin: auto;
}
.scene12-inn-text {
  max-width: 50%;
  font-size: 1.3em;
}
.scene12-inn-text-header {
  margin-bottom: 80px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 3em;
  line-height: 1.2;
}
@media (max-height: 800px) {
  .scene12-inn-text-header {
    font-size: 2.6em;
    margin-bottom: 50px;
  }
}
.scene12-inn-text-subheader {
  margin-bottom: 30px;
  font-family: "FiraSansMedium", sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 80px;
}
@media (max-height: 800px) {
  .scene12-inn-text-subheader {
    margin-bottom: 50px;
  }
}
.scene12-inn-text-text {
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.1em;
  line-height: 1.2;
  margin-bottom: 50px;
}
@media (max-height: 800px) {
  .scene12-inn-text-text {
    margin-bottom: 30px;
  }
}
.scene12-inn-text-more, .scene12-inn-text-more:hover, .scene12-inn-text-more:visited {
  color: #1c5dbe;
  font-size: 1.1em;
}
@media (max-width: 1200px) {
  .scene12 {
    padding-left: 20px;
  }
}
@media (max-height: 800px) {
  .scene12 {
    padding-top: 60px;
    height: 110vh;
    background-size: contain;
  }
}

.scene12a {
  position: relative;
  z-index: 30;
  height: 950px;
  background: url(../img/scene12a.webp) right bottom no-repeat;
}
.scene12a-inn {
  max-width: 1330px;
  margin: auto;
  display: flex;
  align-items: center;
  height: 100%;
}
.scene12a-inn-left {
  width: 60%;
}
.scene12a-inn-left-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 5em;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .scene12a-inn-left-header {
    font-size: 4.6em;
  }
}
.scene12a-inn-right {
  width: 40%;
}
.scene12a-inn-right-form {
  max-width: 470px;
  padding: 40px 30px;
  text-align: center;
  background: #ffffff;
  border: 1px #000000 solid;
  border-radius: 20px;
}
.scene12a-inn-right-form-header {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 1.8em;
  line-height: 1.2;
  margin-bottom: 30px;
}
.scene12a-inn-right-form-subheader {
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.1em;
}
.scene12a-inn-right-form form {
  margin-top: 30px;
}
.scene12a-inn-right-form-input {
  display: flex;
  align-items: center;
  width: 410px;
  height: 62px;
  padding: 5px 10px;
  margin-right: 20px;
  background: #f0f4f9;
  border: 1px #d6d6d6 solid;
  margin-bottom: 20px;
}
.scene12a-inn-right-form-input-phone {
  width: 45px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
.scene12a-inn-right-form-input input[type=text] {
  width: 360px;
  height: 42px;
  padding-left: 10px;
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.2em;
  background: none;
  border: none;
}
.scene12a-inn-right-form-send {
  margin-top: 30px;
  width: 314px;
  height: 52px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  background: #ffdb4b;
  border: none;
  cursor: pointer;
}
.scene12a-inn-right-form-send:hover {
  background: #f9c40d;
}
.scene12a-inn-right-form-agreement {
  font-family: "FiraSansLight", sans-serif;
  padding-top: 30px;
  font-size: 0.8em;
}
@media (max-width: 1200px) {
  .scene12a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.scene13-wrapper {
  position: relative;
  height: 1900px;
  background: #ffffff;
  z-index: 20;
}
@media (max-width: 1200px) {
  .scene13-wrapper {
    height: 2200px;
  }
}
@media (max-height: 800px) {
  .scene13-wrapper {
    height: 1840px;
  }
}

.scene13 {
  height: 100vh;
  position: relative;
  background: url(../img/mixplaster-2.webp) 90% 50% no-repeat;
  background-size: 405px 830px;
  z-index: 25;
  pointer-events: none;
}
.scene13-w {
  position: relative;
  height: 100vh;
  max-width: 1330px;
  margin: auto;
}
@media (max-width: 1330px) {
  .scene13-w {
    max-width: 100%;
  }
}
.scene13-h {
  padding-top: 50px;
  height: 400px;
  width: 800px;
  background: url(../img/white-bg2.png) bottom repeat-x;
}
@media (max-width: 1330px) {
  .scene13-h {
    width: 600px;
    padding-left: 20px;
  }
}
@media (max-height: 800px) {
  .scene13-h {
    height: 300px;
    background: url(../img/white-bg1.png) bottom repeat-x;
  }
}
.scene13-ww {
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 1330px;
  margin-left: -665px;
  height: 66px;
}
@media (max-width: 1330px) {
  .scene13-ww {
    left: 0;
    width: 100%;
  }
}
.scene13-wbg {
  height: 66px;
  width: 800px;
  background: url(../img/white-bg.png) repeat-x;
}
@media (max-width: 1600px) {
  .scene13-wbg {
    width: 600px;
    background: none;
  }
}
.scene13-inn {
  position: absolute;
  top: 320px;
  left: 50%;
  margin-left: -665px;
  max-width: 1330px;
  z-index: 22;
}
.scene13-inn-left {
  width: 60%;
}
.scene13-inn-left-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 5em;
  line-height: 1.2;
  margin-bottom: 70px;
}
@media (max-height: 800px) {
  .scene13-inn-left-header {
    font-size: 4.2em;
  }
}
@media (max-width: 1330px) {
  .scene13-inn-left-header {
    font-size: 4em;
  }
}
@media (max-width: 1200px) {
  .scene13-inn-left-header {
    font-size: 3.6em;
  }
}
.scene13-inn-left-text {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 2.4em;
  padding-right: 40px;
  padding-bottom: 140px;
}
.scene13-inn-left-text p {
  margin: 20px 0;
  line-height: 1.2;
}
.scene13-inn-left-text .lg {
  color: #86868b;
}
@media (max-width: 1330px) {
  .scene13-inn-left {
    padding-left: 20px;
    width: 50%;
  }
}
.scene13-inn-right {
  width: 30%;
  text-align: center;
}
@media (max-width: 1600px) {
  .scene13-inn .scene9-inn-dostavka-right-form {
    margin-left: 110px !important;
  }
}
@media (max-width: 1330px) {
  .scene13-inn {
    max-width: 100%;
    margin-left: -600px;
    padding-left: 20px;
  }
}
@media (max-width: 1600px) {
  .scene13 {
    background-size: 329px 690px;
  }
}

.scene14 {
  background: url(../img/scene14.webp) top center no-repeat #22231d;
}
.scene14-inn {
  padding-top: 370px;
  padding-bottom: 270px;
  max-width: 1330px;
  margin: auto;
  color: #cecece;
}
.scene14-inn-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 6em;
  color: #ffffff;
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 1200px) {
  .scene14-inn-header {
    font-size: 5em;
  }
}
.scene14-inn-subheader {
  font-family: "FiraSansBold", sans-serif;
  font-size: 4em;
  text-align: center;
  margin-bottom: 50px;
}
.scene14-inn-subheader .white {
  color: #ffffff;
}
.scene14-inn-subheader .thin {
  font-family: "FiraSansMedium", sans-serif;
  font-size: 0.9em;
}
.scene14-inn-text {
  font-size: 1.6em;
  color: #e6e6e6;
}
.scene14-inn-text li {
  margin: 7px 0;
}
.scene14-inn-text .big {
  font-family: "FiraSansBold", sans-serif;
  text-transform: uppercase;
}
.scene14-inn a, .scene14-inn a:visited, .scene14-inn a:hover {
  color: #2479d0;
}
.scene14-inn-form {
  margin-top: 50px;
}
.scene14-inn-form p {
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.8em;
  margin-bottom: 30px;
}
.scene14-inn-form form {
  display: flex;
}
.scene14-inn-form-input {
  display: flex;
  align-items: center;
  width: 410px;
  height: 52px;
  padding: 5px 10px;
  margin-right: 20px;
  background: #f0f4f9;
  border: 1px #d6d6d6 solid;
  margin-bottom: 20px;
}
.scene14-inn-form-phone {
  width: 45px;
  height: 45px;
  line-height: 52px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
.scene14-inn-form input[type=text] {
  width: 360px;
  height: 42px;
  font-size: 1.2em;
  background: none;
  border: none;
}
.scene14-inn-form-send-wrapper {
  position: relative;
}
.scene14-inn-form-send {
  width: 314px;
  height: 52px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  background: #ffdb4b;
  border: none;
  cursor: pointer;
}
.scene14-inn-form-send:hover {
  background: #f9c40d;
}
.scene14-inn-form-agreement {
  position: absolute;
  top: 62px;
  left: -10px;
  width: 330px;
  font-family: "FiraSansLight", sans-serif;
  font-size: 0.8em;
  text-align: center;
}
@media (max-width: 1200px) {
  .scene14 {
    padding-left: 20px;
  }
}

.contacts {
  height: 1032px;
  background: url(../img/contacts.webp) right no-repeat;
}
.contacts-inn {
  max-width: 1330px;
  margin: auto;
  padding-top: 60px;
}
.contacts-inn-text {
  text-align: center;
  max-width: 450px;
}
.contacts-inn-text-header {
  font-family: "FiraSansBold", sans-serif;
  font-size: 3.2em;
  margin-bottom: 30px;
}
.contacts-inn-text-addr {
  font-family: "FiraSansMedium", sans-serif;
  margin-top: 30px;
  margin-bottom: 30px;
}
.contacts-inn-text-sales {
  font-family: "FiraSansMedium", sans-serif;
  font-size: 1.4em;
}
.contacts-inn-text-sales p {
  margin: 15px 0;
}
.contacts-inn-text .phones {
  font-family: "FiraSansMedium", sans-serif;
  font-size: 1.2em;
}
.contacts-inn-text-social {
  margin-top: 20px;
  display: flex;
  align-items: center;
  font-family: "FiraSansMedium", sans-serif;
  font-size: 1.4em;
  text-align: left;
}
.contacts-inn-text-social a {
  padding-right: 10px;
}
.contacts-inn-text-ques {
  margin-top: 40px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.4em;
}
.contacts-inn-text-send {
  display: block;
  margin: 30px auto;
  width: 450px;
  height: 80px;
  line-height: 80px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 2.4em;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background: #da271c;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.contacts-inn-text-send:hover {
  background: #c21007;
}
@media (max-width: 1200px) {
  .contacts {
    background-size: 60%;
    padding-left: 20px;
  }
}

.footer {
  background: #22231d;
}
.footer-inn {
  max-width: 1330px;
  margin: auto;
  padding: 15px 0;
  color: #ffffff;
}
@media (max-width: 1200px) {
  .footer {
    padding-left: 20px;
  }
}

.lightbox-wrapper {
  width: 100%;
  height: 100%;
}

.lightbox-container {
  z-index: 100;
}

.modal-inn {
  width: 360px;
  height: 620px;
  padding: 30px 20px;
  background: #ffffff;
}
.modal-inn span {
  font-family: "FiraSansMedium", sans-serif;
}
.modal-inn form {
  margin: 40px auto 20px auto;
  width: 260px;
}
.modal-inn-text {
  font-size: 1.2em;
}
.modal-inn-arr {
  margin-top: 30px;
  margin-left: 30px;
}
.modal-inn-input {
  display: flex;
  width: 260px;
  height: 48px;
  padding: 5px;
  margin-bottom: 10px;
  background: #d9d9d9;
}
.modal-inn-input-phone {
  width: 55px;
  height: 38px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #000000 solid;
}
.modal-inn-input input[type=text] {
  width: 250px;
  height: 38px;
  background: none;
  border: none;
}
.modal-inn-send {
  margin-top: 15px;
  width: 260px;
  height: 48px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 0.9em;
  background: #ffdb4b;
  border: none;
  border-radius: 24px;
  cursor: pointer;
}
.modal-inn-agreement {
  font-family: "FiraSansELight", sans-serif;
  font-size: 0.7em;
  text-align: center;
}

.modal-inn1 {
  width: 360px;
  height: 620px;
  padding: 30px 20px;
  background: #ffffff;
}
.modal-inn1 span {
  font-family: "FiraSansMedium", sans-serif;
}
.modal-inn1 form {
  margin: 40px auto 20px auto;
  width: 260px;
}
.modal-inn1-text {
  font-size: 1.2em;
}
.modal-inn1-arr {
  margin-top: 30px;
  margin-left: 30px;
}
.modal-inn1-input {
  display: flex;
  width: 260px;
  height: 48px;
  padding: 5px;
  margin-bottom: 10px;
  background: #d9d9d9;
}
.modal-inn1-input-phone {
  width: 55px;
  height: 38px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #000000 solid;
}
.modal-inn1-input input[type=text] {
  width: 250px;
  height: 38px;
  background: none;
  border: none;
}
.modal-inn1-send {
  margin-top: 15px;
  width: 260px;
  height: 48px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1em;
  background: #ffdb4b;
  border: none;
  border-radius: 24px;
  cursor: pointer;
}
.modal-inn1-agreement {
  font-family: "FiraSansELight", sans-serif;
  font-size: 0.7em;
  text-align: center;
}

.modal-inn2 {
  width: 360px;
  height: 660px;
  padding: 30px 20px;
  background: #ffffff;
  border-radius: 20px;
}
.modal-inn2 span {
  font-family: "FiraSansMedium", sans-serif;
}
.modal-inn2 form {
  margin: 40px auto 20px auto;
  width: 260px;
}
.modal-inn2-text {
  font-size: 1.2em;
}
.modal-inn2-arr {
  margin-top: 30px;
  margin-left: 30px;
}
.modal-inn2-input {
  display: flex;
  width: 260px;
  height: 48px;
  padding: 5px;
  margin-bottom: 10px;
  background: #d9d9d9;
}
.modal-inn2-input-phone {
  width: 55px;
  height: 38px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #000000 solid;
}
.modal-inn2-input input[type=text] {
  width: 250px;
  height: 38px;
  background: none;
  border: none;
}
.modal-inn2-send {
  margin-top: 15px;
  width: 260px;
  height: 48px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1em;
  background: #ffdb4b;
  border: none;
  border-radius: 24px;
  cursor: pointer;
}
.modal-inn2-agreement {
  font-family: "FiraSansELight", sans-serif;
  font-size: 0.7em;
  text-align: center;
}

.modal-inn3 {
  width: 100%;
  height: 850px;
  padding: 30px 30px 30px 240px;
  background: #f8f8f8 url(../img/scene2.webp) bottom right no-repeat;
  background-size: auto 100%;
}
.modal-inn3-textarea {
  display: flex;
  width: 670px;
  height: 130px;
  padding: 10px;
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.1em;
  background: #f0f4f9;
  border: 2px #888888 solid;
  margin-bottom: 60px;
}
.modal-inn3-textarea-pencil {
  width: 48px;
  padding-top: 5px;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
.modal-inn3-textarea-pencil img {
  width: 38px;
  height: 91px;
}
.modal-inn3-textarea textarea {
  width: 620px;
  height: 110px;
  padding: 10px;
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.1em;
  background: #f0f4f9;
  border: none;
  resize: none;
}
.modal-inn3-input {
  display: flex;
  width: 400px;
  height: 52px;
  padding: 5px 10px;
  margin-right: 20px;
  background: #f0f4f9;
  border: 2px #888888 solid;
}
.modal-inn3-input-phone {
  width: 37px;
  text-align: center;
  margin-right: 10px;
  border-right: 1px #888888 solid;
}
.modal-inn3-input-phone img {
  height: 32px;
  width: 18px;
}
.modal-inn3-input input[type=text] {
  width: 370px;
  height: 32px;
  font-family: "FiraSansLight", sans-serif;
  font-size: 1.1em;
  background: none;
  border: none;
}
.modal-inn3-submit {
  display: flex;
  padding: 10px 10px 16px 10px;
  width: 250px;
  height: 52px;
  background: #ffdb4b;
  border-radius: 5px;
  cursor: pointer;
}
.modal-inn3-submit:hover {
  background: #f9c40d;
}
.modal-inn3-submit:hover input[type=submit] {
  background: #f9c40d;
}
.modal-inn3-submit-arr {
  width: 34px;
  margin-right: 10px;
  padding-right: 10px;
  padding-top: 2px;
  border-right: 1px black solid;
}
.modal-inn3-submit input[type=submit] {
  width: 200px;
  height: 31px;
  font-family: "FiraSansBold", sans-serif;
  font-size: 1.2em;
  background: #ffdb4b;
  border: none;
  overflow: visible;
  cursor: pointer;
}
.modal-inn3-agreement {
  font-family: "FiraSansLight", sans-serif;
  padding-top: 150px;
  max-width: 400px;
  font-size: 0.9em;
}
@media (max-height: 800px) {
  .modal-inn3 {
    padding: 30px 30px 30px 120px;
    height: 700px;
  }
}

.modal-inn4 {
  position: relative;
  width: 100%;
  height: 850px;
  padding: 30px;
  background: #ffffff url(../img/modal-inn4.webp) bottom right no-repeat;
  background-size: auto 100%;
}
.modal-inn4-left {
  width: 60%;
}
.modal-inn4-arr {
  margin-top: 60px;
  text-align: center;
}
.modal-inn4-input {
  margin: 30px auto 70px auto;
  display: flex;
  width: 700px;
  height: 98px;
  padding: 5px 10px;
  border: 8px #333333 solid;
  border-radius: 44px;
}
.modal-inn4-input-phone {
  width: 72px;
  text-align: center;
  margin-right: 10px;
  border-right: 2px #333333 solid;
}
.modal-inn4-input-phone img {
  width: 41px;
  height: 72px;
}
.modal-inn4-input input[type=text] {
  width: 550px;
  height: 72px;
  font-family: "FiraSansSemiBold", sans-serif;
  font-style: italic;
  font-size: 1.8em;
  background: none;
  border: none;
}
.modal-inn4-input input[type=text]::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.modal-inn4-input input[type=text]::placeholder {
  color: #333333;
  opacity: 1;
}
.modal-inn4 input[type=submit] {
  display: block;
  margin: auto;
  width: 415px;
  height: 64px;
  font-family: "FiraSansBold", sans-serif;
  color: #ffffff;
  font-size: 2.6em;
  background: #da271c;
  border: none;
  border-radius: 29px;
  overflow: visible;
  cursor: pointer;
}
.modal-inn4-agreement {
  font-family: "FiraSansLight", sans-serif;
  color: #727272;
  text-align: center;
  margin-top: 100px;
}
@media (max-height: 800px) {
  .modal-inn4-agreement {
    margin-top: 30px;
  }
}
.modal-inn4-akcia {
  position: absolute;
  right: 40px;
  bottom: 30px;
  width: 250px;
  font-family: "FiraSansSemiBold", sans-serif;
  color: #ffffff;
  font-size: 1.5em;
  text-align: center;
}
.modal-inn4-akcia-title {
  font-size: 2.2em;
}
@media (max-height: 800px) {
  .modal-inn4-akcia {
    font-size: 1.3em;
    text-align: right;
  }
  .modal-inn4-akcia-title {
    font-size: 1.6em;
  }
}
@media (max-height: 800px) {
  .modal-inn4 {
    height: 700px;
  }
}

.modal-bg {
  font-size: 1.1em;
  background: #f8f8f8 url(../img/scene8-mob.webp) 5% -60px no-repeat;
  background-size: 600px 532px;
}

.modalcons-err,
.modalbuy-err {
  color: #973d3d;
}

#modalthanks,
#modalthanks1,
#modalthanks2 {
  position: fixed;
  left: 50%;
  margin-left: -180px;
  width: 360px;
  padding: 30px;
  font-size: 1.1em;
  text-align: left;
  background: #f8f8f8 url(../img/scene8-mob.webp) 5% -60px no-repeat;
  background-size: 600px 532px;
  border-radius: 20px;
}

#modalthanks,
#modalcons {
  height: 660px;
}

#modalthanks1,
#modalthanks2 {
  height: 400px;
}

#modalbuy {
  width: 360px;
  padding: 30px;
  font-size: 1.3em;
  text-align: left;
}

.modal-inn-bg {
  background: #f8f8f8 url(../img/scene8-mob.webp) 5% -60px no-repeat;
  background-size: 600px 532px;
  border-radius: 20px;
}

.modal-content-header {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 1.8em;
  line-height: 1.2;
  margin-bottom: 30px;
  margin-top: 70px;
}

.modal-content-header2 {
  font-family: "FiraSansSemiBold", sans-serif;
  font-size: 1.8em;
  line-height: 1.2;
  margin-bottom: 30px;
  margin-top: 40px;
}

.modal-content-header3 {
  font-family: "FiraSansBold", sans-serif;
  font-size: 4em;
  line-height: 1.2;
  margin-bottom: 30px;
  margin-top: 180px;
}

.modal-content-header4 {
  font-family: "FiraSansEBold", sans-serif;
  font-size: 4.2em;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 80px;
}
@media (max-height: 800px) {
  .modal-content-header4 {
    font-size: 3.2em;
    margin-top: 50px;
  }
}

.modal-content-subheader {
  font-size: 1.2em;
}

.modal-content-video {
  margin-top: 20px;
}

.open-menu {
  position: fixed;
  top: -110%;
  left: 15%;
  width: 485px;
  height: 100vh;
  color: #ccc;
  background: #333333;
  transition: 1s;
  z-index: 1000;
}
.open-menu-logo {
  text-align: center;
  padding-bottom: 20px;
}
.open-menu ul {
  margin: 40px;
  padding: 0px;
}
.open-menu ul li {
  list-style: none;
  padding-top: 14px;
  padding-bottom: 12px;
  font-family: "FiraSansRegular", sans-serif;
  font-size: 1.2em;
  border-bottom: 1px #ffffff solid;
}
.open-menu ul li:last-child {
  border-bottom: none;
}
.open-menu ul a:link,
.open-menu ul a:visited {
  color: #ffffff;
  text-decoration: none;
}
.open-menu ul a:hover {
  color: #ffffff;
}

.open-menu.active {
  top: 0px;
}

.menu-close {
  position: absolute;
  left: -60px;
  top: 20px;
  cursor: pointer;
}

.menu-open {
  cursor: pointer;
}

.ztm {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  min-height: 100%;
  background: #ffffff;
  opacity: 0.8;
}

.lightbox-btn {
  background-color: transparent !important;
  border-radius: 0 !important;
}

.modal-content iframe {
  display: block;
  margin: auto;
}

.modalvideo {
  width: 1200px;
  height: 674px;
}
@media (max-width: 1200px) {
  .modalvideo {
    width: 960px;
    height: 540px;
  }
}/*# sourceMappingURL=styles.css.map */