/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: > 0.5%,last 2 versions,not dead,not IE 11,not op_mini all
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: > 0.2% and not dead
*/

/*=
=    Stylesheet Guide                        =
===/

  1. Default stylesheets

    1.1. Color Schemes
  2. General classes
  3. Main
    3.1. Offsets
    3.2. Blackout
  4. Basic Elements
    4.1. Typography
    4.2. Buttons
  5. Shortcods
    5.1.
    5.2.
    5.3.
    5.4.
    5.5.
    5.6.
    5.7.
    5.8.
    5.9.
  6. Header
    6.1. Navigation
  8. Footer

/=====  End of Stylesheet Guide  =====*/

@import "../fonts/lato/stylesheet.css";
@import "reset.min.css";
@import "bootstrap.min.css";

/* ------------------------------------------------

    1. Default stylesheets

------------------------------------------------ */

html {
  scroll-behavior: smooth;
}

html,
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  font-family: "lato";
  color: #162c42;
  font-size: 24px;
  line-height: 1.4;
  font-weight: normal;
}

* {
  box-sizing: border-box;
}

::-moz-selection {
  color: #fff;
  background-color: #000;
}

::selection {
  color: #fff;
  background-color: #000;
}

::-moz-selection {
  color: #fff;
  background-color: #000;
}

::-webkit-scrollbar {
  background: #cdcdcd;
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background: #333;
}

::-webkit-input-placeholder {
  color: #6b6b6b;
  -webkit-transition:
    text-indent 0.5s ease,
    color 0.5s ease;
  transition:
    text-indent 0.5s ease,
    color 0.5s ease;
}

input::-moz-placeholder {
  color: #6b6b6b;
  opacity: 1;
}

textarea::-moz-placeholder {
  color: #6b6b6b;
  opacity: 1;
}

::ms-input-placeholder {
  color: #6b6b6b;
}

[placeholder]:focus::-webkit-input-placeholder {
  text-indent: 10em;
  color: transparent;
}

/* --------------------------------------------
        1.1. Color Schemes
   -------------------------------------------- */

.bg_grey {
  background-color: #ebebeb;
}

/* ------------------------------------------------

    2. General Classes

------------------------------------------------ */

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

.f_left {
  float: left;
}

.f_right {
  float: right;
}

.wrapper {
  overflow: hidden;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.d_ib {
  display: inline-block;
}

.transparent {
  opacity: 0;
}

.invisible {
  opacity: 0;
  visibility: hidden;
}

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

.p_abs {
  position: absolute;
}

.p_rel {
  position: relative;
}

.p_fix {
  position: fixed;
}

.clear {
  clear: both;
  width: 100%;
  line-height: 0;
  font-size: 0;
}

.clearfix::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.reg {
  text-transform: uppercase;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.gap-20 {
  gap: 20px;
}

/* ------------------------------------------------

    3. Main

------------------------------------------------ */

#content {
  height: 100%;
}

/* --------------------------------------------
        3.1. Offsets
  -------------------------------------------- */

.section_offset1 {
  padding: 60px 0px 95px;
}

.section_offset2 {
  padding: 110px 0px 90px;
}

.section_offset3 {
  padding: 240px 0px 140px;
}

/* --------------------------------------------
        3.2. Blackout
  -------------------------------------------- */

.blackout {
  color: #fff;
}

/* ------------------------------------------------

    4. Basic Elements

------------------------------------------------ */

/* --------------------------------------------
      4.1. Typography
  -------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 900;
  line-height: 1.23em;
  color: #162c42;
  margin: 0;
  margin-bottom: 17px;
}

h1 {
  font-size: 72px;
}

.big_title {
  font-size: 72px;
}

.large_title {
  font-size: 60px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size:;
}

strong {
  font-weight: 800;
  display: inline-block;
}

[class*="blackout"] h1,
[class*="blackout"] h2,
[class*="blackout"] h3,
[class*="blackout"] h4,
[class*="blackout"] h5,
[class*="blackout"] h6 {
  color: #fff;
}

.title_offset1 {
  margin-bottom: 120px;
}

.title_offset2 {
  margin-bottom: 80px;
}

.title_offset3 {
  margin-bottom: 70px;
}

.title_offset4 {
  margin-bottom: 50px;
}

p:not(:last-child) {
  margin-bottom: 20px;
}

mark {
  background-color: #20cfef;
  padding: 0 2px;
  color: #fff;
}
mark.red {
  background-color: #ee352f;
}

a {
  font-size: 18px;
  font-weight: 700;
  color: #162c42;
  text-decoration: none;
  transition: all 0.5s;
}

a:hover {
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
}

a:focus,
a:visited {
  outline: none;
  text-decoration: none;
}

img {
  max-width: 100%;
}

/* --------------------------------------------
      4.2. Buttons
  -------------------------------------------- */

button {
  background: none;
  padding: 0;
  border: none;
  transition: all 0.5s;
}

button:focus {
  outline: none;
}

button:hover {
  transition: all 0.3s;
}

.btn {
  display: inline-block;
  outline: none;
  background: none;
  line-height: 1.3;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.btn:hover {
  color: #000;
}

.btn.small {
  min-width: 198px;
  padding: 9px 7px;
}

.btn.big {
  min-width: 297px;
  font-size: 24px;
  padding: 14px 5px 13px;
}

.btn.white_line {
  border: 2px solid #fff;
  border-radius: 23px;
}

.btn.white_line:hover {
  background-color: #fff;
  color: #000;
}

.btn.hight_blue {
  border: 2px solid #162c42;
  border-radius: 32px;
  background-color: #162c42;
}

.btn.hight_blue:hover {
  border-color: #000;
  background-color: #fff;
  color: #000;
}

/* --------------------------------------------
      4.2. Lists
  -------------------------------------------- */
/* list_count */
.list_count {
  counter-reset: count_list;
}

.list_count > li {
  color: #162c42;
  font-size: 24px;
  min-height: 43px;
  padding: 20px 0 0 67px;
  position: relative;
  line-height: 1.3;
}

.list_count > li:not(:last-child) {
  margin-bottom: 20px;
}

.list_count > li > strong {
  line-height: 1.3;
}

.list_count > li::before {
  content: counter(count_list) ". ";
  counter-increment: count_list;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 900;
  color: #c2c2c2;
  font-size: 48px;
  display: inline-block;
  margin-right: 20px;
}
/* list_count */

/* list_icons */
.list_icons {
}

.list_icons > li {
  position: relative;
  padding: 4px 0 0 72px;
  min-height: 39px;
  color: #162c42;
  font-weight: normal;
  font-size: 30px;
  line-height: 1.3;
}

.list_icons > li:not(:last-child) {
  margin-bottom: 36px;
}

.list_icons > li > .box_icons {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 36px;
  text-align: center;
}
/* list_icons */

/* --------------------------------------------
      4.3. forms
  -------------------------------------------- */

.form_wrapp_col {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  align-items: center;
}

.form_wrapp_col:not(:last-child) {
  margin-bottom: 60px;
}

input:not([type="checkbox"]):not([type="radio"]) {
  background-color: transparent;
  color: #6b6b6b;
  line-height: 1;
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 20px;
  border: none;
  border-bottom: 2px solid #162c42;
  width: 100%;
}

input:not([type="checkbox"]):not([type="radio"]):focus {
  outline: none;
}

/* --------------------------------------------
      4.3. Google Map
  -------------------------------------------- */

.gmap {
  width: 100%;
  height: 480px;
}

/* ------------------------------------------------

    5. Shortcods

-------------------------------------------------- */

/* ------------------------------------------------
      5.1. First Screen
  -------------------------------------------------*/

.first_screen {
  height: 975px;
  position: relative;
  scroll-snap-align: start;
  padding: 0 100px 0 200px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
}

.first_screen .wrapp_main_slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.first_screen .main_slider,
.first_screen .main_slider .slider_item,
.first_screen .main_slider_container {
  height: 100%;
}

.main_slider {
  overflow: hidden;
}

.main_slider_container {
  display: flex;
}

.main_slider_container .slider_item {
  flex: 0 0 100%;
  min-width: 0;
}

.main_slider_nav {
  width: 105px;
  counter-reset: count_slide;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.main_slider_nav li::before {
  counter-increment: count_slide;
  content: counter(count_slide);
  visibility: hidden;
  opacity: 0;
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 27px;
  transform: translateY(-50%);
  transition: 0.3s;
}

.main_slider_nav li.active::before {
  visibility: visible;
  opacity: 1;
}

.main_slider_nav li:not(:last-child) {
  margin-bottom: 45px;
}

.main_slider_nav li {
  position: relative;
  display: block;
  float: right;
  clear: both;
  transition: 0.5s;
}

.main_slider_nav li > a {
  width: 31px;
  height: 23px;
  display: block;
}

.main_slider_nav li.active > a {
  width: 63px;
}

.main_slider_nav li > a::after {
  content: "";
  width: 100%;
  display: inline-block;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.slider_item {
  position: relative;
  overflow: hidden;
}

.wrapp_mouse_slide {
  width: 100px;
  height: 100px;
  border-radius: 999px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  z-index: 3;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.mouse_slide {
  width: 30px;
  height: 49px;
  border: 1px solid #304072;
  border-radius: 999px;
  position: relative;
}

.mouse_slide::before {
  content: "";
  width: 4px;
  height: 12px;
  border: 1px solid #304072;
  border-radius: 999px;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 8px;
  display: inline-block;
  -webkit-animation: mouse_slide 2s infinite linear;
  animation: mouse_slide 2s infinite linear;
}

@-webkit-keyframes mouse_slide {
  from {
    -webkit-transform: translateY(-2px);
  }
  to {
    -webkit-transform: translateY(5px);
  }
}

@keyframes mouse_slide {
  from {
    transform: translateY(-2px);
  }
  to {
    transform: translateY(5px);
  }
}

.first_screen_bottom {
  position: relative;
  z-index: 2;
  flex-grow: 2;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.first_screen_bottom > div:first-child {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  width: 47%;
}

.wrapp_count_up {
  width: 53%;
  padding: 70px 10px 70px 88px;
  background-color: rgba(0, 0, 0, 0.6);
}

.box_count_up:not(:last-child) {
  padding-right: 60px;
}

.box_count_up {
  display: inline-block;
  float: left;
}

.box_count_up > .counter {
  position: relative;
  font-size: 72px;
  font-weight: 900;
  padding-bottom: 35px;
  margin-bottom: 17px;
  display: block;
}

.box_count_up > .counter::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 4px;
  background-color: white;
  display: inline-block;
}

/* ------------------------------------------------
      5.2. About
  -------------------------------------------------*/

.wrapp_about {
  padding: 245px 0 117px;
  scroll-snap-align: start;
  background-image: url("../images/about-build-img.jpg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 85vw auto;
  position: relative;
  overflow: hidden;
}

.wrapp_about::after {
  content: "";
  border-bottom: 7px solid #616161;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -630px;
  width: 1910px;
}

/* ------------------------------------------------
      5.3. Services
  -------------------------------------------------*/

.wrapp_services {
  padding: 135px 0 165px;
  scroll-snap-align: start;
  background-image: url("../images/build-offers.jpg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 50% auto;
}

/* ------------------------------------------------
      5.4. Slider Preview
  -------------------------------------------------*/

.wrapp_slider_preview {
  overflow: hidden;
}

.slider_preview_wrap {
  position: relative;
}

.slider_preview {
  overflow: visible;
}

.slider_preview_container {
  display: flex;
}

.slider_preview .slider_item {
  flex: 0 0 70%;
  min-width: 0;
  min-height: 754px;
  display: flex;
  align-items: flex-end;
  padding: 23px 87px;
  position: relative;
  overflow: hidden;
}

.slider_preview .slider_item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider_preview .slider_item::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
}

.slider_preview .slider_item.is-selected::before {
  background-color: rgba(0, 0, 0, 0.4);
}

.slider_box_title {
  position: relative;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.slider_box_title > * {
  margin-bottom: 0;
}

.slider_preview .slider_item.is-selected .slider_box_title {
  visibility: visible;
  opacity: 1;
}

/* ------------------------------------------------
      5.5. Reason
  -------------------------------------------------*/

.wrapp_reason {
  scroll-snap-align: start;
  background-image: url("../images/build-bg.jpg");
  background-position: 50% 100px;
  background-repeat: no-repeat;
}

.block_about {
  position: relative;
  padding: 22px 0 0 154px;
  min-height: 132px;
  margin-bottom: 100px;
}

.box_about_img {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}

/* ------------------------------------------------
      5.6. Advertisements
  -------------------------------------------------*/

.box_advertisements {
  padding: 57px 0 128px;
  background-image: url("../images/build-scheme.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.inner_advertisements {
  text-align: center;
  border: 10px solid #29374d;
  min-height: 516px;
  padding: 50px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}

.advertisements_title {
  max-width: 720px;
}

/* ------------------------------------------------
      5.7. Support
  -------------------------------------------------*/
.wrapp_support .container {
  position: relative;
}

.wrapp_support .support_img {
  display: inline-block;
  position: absolute;
  top: -300px;
  right: -147px;
  pointer-events: none;
}

/* ------------------------------------------------
      5.8. Places
  -------------------------------------------------*/

.wrapp_places {
  scroll-snap-align: start;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.box_places {
  width: 50%;
}

.box_places.wrapp_information {
  background-color: #425066;
  padding: 88px 20px 70px 90px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.maps_list {
}

.maps_list > li {
  line-height: 1;
}

.maps_list > li:not(:last-child) {
  margin-bottom: 34px;
}

.maps_list > li > a {
  font-size: 24px;
  line-height: 1.3;
  white-space: normal;
  display: inline-block;
  font-weight: 400;
  position: relative;
  padding-left: 41px;
  color: #fff;
}

.maps_list > li > a:hover {
  opacity: 0.7;
}

.maps_list > li > a.phone {
  font-size: 30px;
  font-weight: 700;
  text-decoration: underline;
}

.maps_list > li > a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.maps_list > li > a.phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E");
}

.maps_list > li > a.marker::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3E%3C/svg%3E");
}

.maps_list > li > a.mail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E");
}

/* ------------------------------------------------
      5.9.
  -------------------------------------------------*/

/* -------------------------------------------------

    6. Header

-------------------------------------------------- */

#header {
}

.wrapp_header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  padding-bottom: 30px;
}

.wrapp_header.sticky {
  position: fixed;
  background-color: #000;
}

.header_inner {
  padding: 0 95px 0 200px;
}

.logo {
}

.logo > a {
  display: inline-block;
}

.logo img {
}

/* --------------------------------------------
      6.1. Navigation
  -------------------------------------------- */

nav {
  display: inline-block;
}

nav + .btn {
  float: right;
  margin-top: 38px;
}

.nav_btn {
  position: absolute;
  top: 15px;
  left: 15px;
  display: none;
}

.nav_btn::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-color: #fff;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'/%3E%3C/svg%3E");
}

.nav_btn.active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.19 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.19 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.19 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.19 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E");
}

.nav_btn:hover {
}

.navigation {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.navigation > li {
}

.navigation > li:not(:last-child) {
  margin-right: 45px;
}

.navigation li a {
  color: #fff;
  font-weight: 500;
  padding-top: 49px;
  display: inline-block;
  position: relative;
}

.navigation li a::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}

.navigation > li > a:hover::before,
.navigation > li > a.current::before {
  opacity: 1;
  visibility: visible;
}

/* --------------------------------------------
      6.2.   Vertical Aside
  -------------------------------------------- */

.wrapp_vertical_aside {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: #fff;
  width: 114px;
  z-index: 2;
  padding: 29px 0 50px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.vertical_list {
  transform: rotate(-90deg);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  bottom: 210px;
  min-width: 400px;
}

.vertical_list > li:not(:last-child) {
  margin-right: 60px;
}

.vertical_list > li > a {
  padding-left: 27px;
  color: #162c42;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  position: relative;
}

.vertical_list > li > a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: #304072;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.vertical_list > li > a.phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E");
}

.vertical_list > li > a.mail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E");
}

/* ------------------------------------------------

    8. Footer

------------------------------------------------ */

footer {
  padding: 34px 0;
  background-color: #1d293d;
}

.footer_inner {
  padding-right: 54px;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.footer_logo {
}

.copyright {
}

footer .made_in {
  color: #fff;
  position: absolute;
  left: 100%;
  display: inline-block;
  min-width: 180px;
  margin-left: 40px;
  font-size: 24px;
}

/* Logo placeholder */
.logo_placeholder {
  display: inline-block;
  padding: 6px 12px;
  border: 2px dashed rgba(255, 255, 255, 0.5);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Image placeholders */
.img_placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: 2px dashed rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.img_placeholder--wide {
  width: 100%;
  height: 320px;
}
.img_placeholder--mobile {
  width: 220px;
  height: 360px;
}

/* ------------------------------------------------
      Modal / Dialog
  ------------------------------------------------ */

.modal_request {
  width: min(540px, 90vw);
  padding: 50px 50px 44px;
  border: none;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.modal_request::-webkit-backdrop {
  background: rgba(0, 0, 0, 0.65);
}

.modal_request::backdrop {
  background: rgba(0, 0, 0, 0.65);
}

.modal_request h3 {
  font-size: 28px;
  font-weight: 700;
  color: #162c42;
  margin-bottom: 10px;
}

.modal_request p {
  font-size: 16px;
  color: #888;
  margin-bottom: 30px;
}

.modal_form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.modal_close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  background-color: #304072;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.19 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.19 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.19 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.19 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3C/svg%3E");
}

.modal_close:hover {
  background-color: #013370;
}

/* ------------------------------------------------
      Object-fit backgrounds
  ------------------------------------------------ */

.slide_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ------------------------------------------------
      Modal animations
  ------------------------------------------------ */

@-webkit-keyframes modal-in {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 24px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes modal-in {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 24px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

dialog[open] {
  -webkit-animation: modal-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  animation: modal-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

dialog[open]::-webkit-backdrop {
  -webkit-animation: backdrop-in 0.25s ease both;
  animation: backdrop-in 0.25s ease both;
}

dialog[open]::backdrop {
  -webkit-animation: backdrop-in 0.25s ease both;
  animation: backdrop-in 0.25s ease both;
}

/* ------------------------------------------------
      Slider Preview — nav arrows (desktop)
  ------------------------------------------------ */

.slider_nav {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}

.slider_nav::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #013370;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color 0.3s;
}

.slider_nav--prev {
  left: -30px;
  -webkit-mask-image: none;
  mask-image: none;
}

.slider_nav--prev::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'/%3E%3C/svg%3E");
}

.slider_nav--next {
  right: -30px;
}

.slider_nav--next::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
}

.slider_nav:hover {
  background-color: #013370;
}

.slider_nav:hover::before {
  background-color: #fff;
}

@media (min-width: 992px) {
  .slider_nav {
    display: block;
  }
}