@font-face {
  font-family: SF-pro-display-black;
  src: url(/fontsnew/SFProDisplay-Black-min.ttf);
}
@font-face {
  font-family: SF-pro-display-semibold;
  src: url(/fontsnew/SFProDisplay-Semibold-min.ttf);
}
@font-face {
  font-family: SF-pro-display-bold;
  src: url(/fontsnew/SFProDisplay-Bold-min.ttf);
}
@font-face {
  font-family: SF-pro-text-regular;
  src: url(/fontsnew/SFProText-Regular-min4.otf);
}
@font-face {
  font-family: SF-pro-text-bold;
  src: url(/fontsnew/SFProText-Bold-min.ttf);
}
@font-face {
  font-family: SF-pro-text-medium;
  src: url(/fontsnew/SF-Pro-Text-Medium-min.ttf);
}
@font-face {
  font-family: segoe_print;
  src: url(/fonts/15695.ttf);
}
@font-face {
  font-family: fontnH;
  src: url(/fontsnew/17647.otf);
}
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0px;
  background: #646464;
  width: calc(100vw + 0px);
  height: 100%;
  overflow: auto;
  padding-right: 0px;
}

@media screen and (min-aspect-ratio: 2/2) and (min-width: 768px) {
  body {
    width: calc(100vw + 17px);
  }
}
nav {
  position: absolute;
  z-index: 99;
  height: 60px;
  width: 74%;
  left: 50%;
  top: 170px;
  transform: translate(-50%, 0%);
  display: flex;
  justify-content: space-between;
}
nav a {
  color: #fd7b3c;
  text-decoration: none;
}
nav .nav_link {
  font-family: SF-pro-text-regular;
  font-size: 18px;
}
nav .nav_linkbig {
  font-family: SF-pro-display-bold;
  font-size: 24px;
  line-height: 16px;
}
nav p {
  width: 100%;
  text-align: center;
  font-family: SF-pro-text-regular;
  font-size: 24px;
  line-height: 0px;
  color: #fd7b3c;
}
nav img {
  position: absolute;
  height: 1px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  display: none;
}
nav .nav_link_line {
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0px;
  left: 50%;
  background-color: #c96161;
  transform: translate(-50%, 0%);
}

section {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.cover {
  height: 100vh;
  background-image: url(/images/fones/fone-cover.jpg);
  background-position: center top;
  box-shadow: 0px 0px 15px 1px black;
}
.cover h1 {
  position: absolute;
  top: 356px;
  left: 240px;
  margin: 0px;
  color: #61a1c9;
  font-size: 96px;
  font-family: SF-pro-display-black;
}
.cover h1 span {
  position: absolute;
  margin-top: 22px;
  color: #fd7b3c;
  font-size: 28px;
  font-family: segoe_print;
}
.cover .cover_imgblock {
  position: absolute;
  top: 241px;
  right: 2px;
  width: 656px;
}
.cover .cover_imgblock img {
  position: absolute;
  border-radius: 5px;
}
.cover .cover_imgblock .cover_imgblock_img1 {
  height: 572px;
  width: 430px;
  top: 73px;
  left: 0px;
}
.cover .cover_imgblock .cover_imgblock_img2 {
  height: 539px;
  width: 398px;
  top: -30px;
  right: 0px;
  z-index: 10;
}
.cover .cover_imgblock aside {
  position: absolute;
  top: 104px;
  left: 38px;
  width: 217px;
  z-index: 9;
}
.cover .cover_imgblock aside .cover_ib_p1 {
  color: #fd7b3c;
  font-size: 20px;
  font-family: SF-pro-display-semibold;
  margin: 0px 0px 0px 0px;
}
.cover .cover_imgblock aside .cover_ib_p2 {
  color: #c24e4e;
  font-size: 32px;
  font-family: SF-pro-text-bold;
  line-height: 36px;
  margin: 30px 0px 10px 0px;
}
.cover .cover_imgblock aside img {
  position: absolute;
}
.cover .cover_imgblock aside .cover_ib_img1 {
  height: 14px;
  bottom: -24px;
}
.cover .cover_imgblock aside .cover_ib_img2 {
  height: 52px;
  right: 0px;
  bottom: -24px;
  display: none;
}

.cover2 {
  height: 970px;
  background-image: url(/images/fones/cover2_v2.jpg);
  background-size: 1920px;
  background-position: center top;
  box-shadow: 0px 0px 15px 1px black;
}
.cover2 h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-136%, -50%);
  margin: 0px;
  color: #61a1c9;
  font-size: 64px;
  font-family: SF-pro-display-black;
}
.cover2 h1 span {
  position: absolute;
  margin-top: 22px;
  color: #c24e4e;
  font-size: 24px;
  font-family: segoe_print;
}
.cover2 p {
  color: #c24e4e;
  font-family: SF-pro-text-medium;
  position: absolute;
  margin: 0px;
  text-align: right;
}
.cover2 .cover2-p1 {
  font-size: 22px;
  top: 50%;
  right: 50%;
  transform: translate(90%, 239px);
}
.cover2 .cover2-p2 {
  font-size: 20px;
  top: 50%;
  right: 50%;
  transform: translate(444%, 279px);
}

h2 {
  position: absolute;
  top: 167px;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-top: 0px;
  font-family: fontnH;
  font-size: 72px;
  letter-spacing: 3px;
}

.cursor_p {
  cursor: pointer;
}

.animation {
  transition: 0.5s ease;
  box-shadow: 0px 0px 10px 1px #6dabff;
  filter: grayscale(100%);
}

.body_my {
  width: 75vw;
  height: 70vh;
  margin-top: 70px;
}
.body_my h1 {
  font-size: 230px;
  color: cyan;
}
.body_my h2 {
  top: 50vh;
  left: 25%;
  color: #7abea4;
}
.body_my h3 {
  font-size: 8px !important;
}
.body_my p {
  color: green !important;
  font-size: 120px !important;
}
.body_my img {
  width: 3px !important;
}
.body_my section {
  background: #9e8a83;
  opacity: 0;
}
.body_my .cases_case_slide {
  width: 120px !important;
}

.about {
  height: 100vh;
  margin-top: 50px;
  background-image: url(/images/fones/fone-about.jpg);
  background-position: center;
}
.about h2 {
  color: #93b4c9;
}
.about .about_bltext {
  position: absolute;
  top: 315px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 628px;
}
.about .about_bltext p {
  font-family: SF-pro-text-regular;
  font-size: 16px;
  color: #fffdc3;
}
.about .about_bltext .super_accent {
  color: #c96161;
}
.about .about_bltext .about_bltext_p1 {
  text-align: center;
  margin: 0px 0px 20px 0px;
  font-size: 18px;
}
.about .about_bltext .about_bltext_p2 {
  text-align: center;
  margin: 0px;
}
.about .about_bltext .about_bltext_p3 {
  text-align: center;
  margin: 0px;
}
.about .about_bltext .about_bltext_p4 {
  text-align: center;
  margin: 0px 0px 20px 0px;
}
.about .about_bltext .about_bltext_p5 {
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.about .about_bltext .about_bltext_p6 {
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.about .about_bltext .about_bltext_p7 {
  text-align: center;
  margin: 0px 0px 20px 0px;
}
.about .about_bltext .about_bltext_p8 {
  text-align: center;
  margin: 0px 0px 20px 0px;
  font-size: 18px;
}
.about .about_bltext .about_bltext_p9 {
  text-align: justify;
  margin: 0px 0px 20px 0px;
}
.about .about_bltext .about_bltext_p10 {
  text-align: justify;
  margin: 0px 0px 20px 0px;
}
.about .about_bltext .about_bltext_p11 {
  text-align: justify;
  margin: 0px 0px 20px 0px;
}
.about .about_bltext .about_bltext_p12 {
  text-align: justify;
  margin: 0px 0px 20px 0px;
}
.about .about_bltext .about_bltext_p13 {
  text-align: justify;
  margin: 0px 0px 0px 0px;
}
.about .about_blicons {
  position: absolute;
  top: 326px;
  left: 50%;
  transform: translate(379px, 0%);
  width: 250px;
}
.about .about_blicons div {
  display: flex;
  justify-content: left;
  margin: 0px 0px 16px 0px;
}
.about .about_blicons div img {
  height: 53px;
}
.about .about_blicons div span {
  margin: 7px 0px 0px 20px;
  font-family: SF-pro-text-regular;
  color: #c96161;
  font-size: 16px;
}
.about .about_lffoto {
  position: absolute;
  right: 50%;
  transform: translate(-148px, 0px);
  top: 447px;
}
.about .about_rtfoto {
  position: absolute;
  left: 50%;
  transform: translate(75px, 0px);
  top: 285px;
}

.competence {
  height: 100vh;
  margin-top: 50px;
  background-image: url(/images/fones/fone-competence.jpg);
  background-position: center;
  box-shadow: 0px 0px 15px 1px black;
}
.competence h2 {
  color: black;
}
.competence .competence_flexbl {
  position: absolute;
  top: 386px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 1217px;
  display: flex;
  justify-content: space-between;
}
.competence .competence_flexbl div {
  width: 352px;
}
.competence .competence_flexbl div h3 {
  text-align: center;
  margin: 0px;
  font-family: SF-pro-text-regular;
  color: #61a1c9;
  font-size: 18px;
  margin: 0px 0px 20px 0px;
}
.competence .competence_flexbl div p {
  text-align: justify;
  font-family: SF-pro-text-regular;
  font-size: 16px;
  margin: 0px 0px 20px 0px;
}
.competence .competence_flexbl div img {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -52px);
  z-index: -1;
}

.philosophy {
  height: 100vh;
  margin-top: 50px;
  background-image: url(/images/fones/fone-philosophy.jpg);
  background-position: center;
}
.philosophy h2 {
  color: #93b4c9;
}
.philosophy .philosophy_bltext {
  position: absolute;
  top: 315px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 628px;
}
.philosophy .philosophy_bltext p {
  text-align: center;
  font-family: SF-pro-text-regular;
  font-size: 16px;
  color: #fffdc3;
  margin: 0px 0px 20px 0px;
}
.philosophy .philosophy_bltext .super_accent {
  color: #c96161;
}

.cases {
  height: 100vh;
  margin-top: 50px;
  background-image: url(/images/fones/fone-cases.jpg);
  background-position: center;
  box-shadow: 0px 0px 15px 1px black;
}
.cases h2 {
  color: black;
}
.cases .cases_blbuttons_but {
  font-size: 144px;
  font-family: SF-pro-text-regular;
  line-height: 54px;
  cursor: pointer;
  top: 440px;
  user-select: none;
  color: #c96161;
}
.cases .cases_blbuttons_left {
  position: absolute;
  left: 250px;
}
.cases .cases_blbuttons_right {
  position: absolute;
  right: 250px;
}
.cases .cases_blbuttons {
  position: absolute;
  width: 1800px;
  left: 50%;
  top: 676px;
  transform: translate(-50%, 0%);
  display: flex;
  justify-content: space-between;
}
.cases .cases_blbuttons w {
  font-size: 144px;
  font-family: SF-pro-text-regular;
  line-height: 54px;
  cursor: pointer;
}

.blk_fone {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: gray;
}

.conditions {
  height: 100vh;
  margin-top: 50px;
  background-image: url(/images/fones/fone-conditions.jpg);
  background-position: center;
}
.conditions h2 {
  color: #93b4c9;
}
.conditions .conditions_bltext {
  position: absolute;
  top: 272px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 628px;
}
.conditions .conditions_bltext .conditions_bltext_panel {
  height: 39px;
  width: 470px;
  border-bottom: 1px solid #c96161;
  border-radius: 3px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0%);
  margin: 0px 0px 55px 0px;
}
.conditions .conditions_bltext .conditions_bltext_panel w {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  font-family: SF-pro-text-regular;
  font-size: 18px;
  color: #c96161;
}
.conditions .conditions_bltext .conditions_bltext_panel .conditions_bltext_panel_price1 {
  left: 79px;
}
.conditions .conditions_bltext .conditions_bltext_panel .conditions_bltext_panel_price2 {
  right: 65px;
}
.conditions .conditions_bltext .conditions_bltext_blicon {
  display: flex;
  justify-content: center;
  height: 53px;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
.conditions .conditions_bltext .conditions_bltext_blicon div {
  display: flex;
  justify-content: space-around;
  margin: 0px 30px 0px 30px;
}
.conditions .conditions_bltext .conditions_bltext_blicon img {
  width: 53px;
}
.conditions .conditions_bltext .conditions_bltext_blicon span {
  position: relative;
  top: 10px;
  margin: 0px 0px 0px 20px;
  font-family: SF-pro-text-regular;
  font-size: 16px;
  color: #c96161;
}
.conditions .conditions_bltext h3 {
  font-family: SF-pro-text-regular;
  color: #93b4c9;
  font-size: 24px;
  text-align: center;
  margin: 0px 0px 20px 0px;
}
.conditions .conditions_bltext p {
  font-family: SF-pro-text-regular;
  color: #fffdc3;
  font-size: 16px;
  text-align: justify;
  margin: 0px 0px 20px 0px;
}
.conditions .about_rtfoto {
  position: absolute;
  left: 50%;
  transform: translate(364px, 0px);
  top: 328px;
  filter: grayscale(0.1) opacity(0.3);
}
.conditions .about_lffoto {
  position: absolute;
  right: 50%;
  transform: translate(-338px, 0px);
  top: 405px;
  filter: grayscale(0.1) opacity(0.3);
}
.conditions .about_lffoto_under {
  position: absolute;
  right: 50%;
  transform: translate(-338px, 0px);
  top: 417px;
  filter: grayscale(0.7) opacity(0);
}

.html body {
  width: 75vw;
  height: 70vh;
  margin-top: 70px;
}
.html body h1 {
  font-size: 230px;
  color: cyan;
}
.html body h2 {
  top: 50vh;
  left: 25%;
  color: #7abea4;
}
.html body h3 {
  font-size: 8px !important;
}
.html body p {
  color: green !important;
  font-size: 120px !important;
}
.html body img {
  width: 3px !important;
}
.html body section {
  background: #8a7a75;
  opacity: 0;
}
.html body .cases_case_slide {
  width: 120px !important;
}

.contacts {
  height: 670px;
  margin-top: 50px;
  background-image: url(/images/fones/fone-contacts.jpg);
  background-position: center;
  box-shadow: 0px 0px 15px 1px black;
}
.contacts h2 {
  color: black;
}
.contacts .contacts_blcenter {
  position: absolute;
  top: 315px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 1066px;
}
.contacts .contacts_blcenter .contacts_blcenter_text {
  margin: 0px 0px 5px 0px;
}
.contacts .contacts_blcenter .contacts_blcenter_text p {
  font-family: SF-pro-text-regular;
  text-align: center;
  margin: 0px 0px 5px 0px;
  color: #413a3a;
}
.contacts .contacts_blcenter .contacts_blcenter_text .contacts_blcenter_text_p1 {
  font-size: 24px;
}
.contacts .contacts_blcenter .contacts_blcenter_text .contacts_blcenter_text_p2 {
  font-size: 18px;
}
.contacts .contacts_blcenter .contacts_blcenter_links {
  display: flex;
  justify-content: space-around;
  height: 53px;
  margin: 59px 0px 0px 0px;
}
.contacts .contacts_blcenter .contacts_blcenter_links img {
  height: 53px;
  cursor: pointer;
}
.contacts .contacts_blcenter .contacts_blcenter_links span {
  font-family: SF-pro-text-regular;
  font-size: 18px;
  color: #61a1c9;
  margin: 0px 0px 0px 10px;
  position: relative;
  bottom: 10px;
}
.contacts .contacts_endtext {
  position: absolute;
  left: 71px;
  bottom: 85px;
  margin: 0px;
  font-family: SF-pro-text-regular;
  font-size: 16px;
}

footer {
  position: relative;
  height: 70px;
}
footer p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0px;
  font-family: segoe_print;
  font-size: 20px;
  color: #fafafa;
}

/*# sourceMappingURL=style.css.map */