:root {
  --logiterra-green: #8cc04d;

  --logiterra-green-hover: #719f38;

  --logiterra-blue: #003f6e;

  --dark-blue: #002b49;

  --light-gray: #cbc8c7;

  --light-gray-transparent: rgba(5, 5, 0, 0.25);

  --light-gray-translucent: rgba(203, 200, 199, 0.4);

  --dark-gray: #7f868c;

  --error: #ed1c24;

  --white: #ffffff;
}

body {
  margin: 0px;

  padding: 0px;

  background-color: var(--white);

  font-family: "Roboto", sans-serif;

  font-size: 1.8vh;

  line-height: 1.5em;

  overflow-x: hidden;
}

section#mainpage {
  width: 100%;

  overflow: hidden;
}

.notransitions * {
  transition: none !important;
}

/* --- Общие --- */

h1, .h1, h5 {
  font-family: "Roboto", sans-serif;

  font-weight: 900;

  font-size: 8.8vh;

  color: var(--logiterra-blue);

  margin: -0.55em 0px 1em 0px;

  line-height: 1em;

  opacity: 1;

  visibility: visible;

  transform: translateX(0vh);

  transition: all 1s ease-out;
}

.setblue h1 {
  color: var(--white);
}

div.inside_map h1 {
  width: 80%;
}

h1 em {
  font-style: normal;

  color: var(--logiterra-green);
}

h1 a {
  border: none;
}

.hidden h1,
h1.hidden {
  transform: translateX(4vh);

  opacity: 0;

  visibility: hidden;
}

.slide2 .hidden h1,
.slide4 h1.hidden,
.slide6 h1.hidden {
  transform: translateX(-4vh);
}

div.city h1,
.fullphoto h1 {
  margin: 0 0 0.5em 0;
}

h2 {
  font-family: "Roboto", sans-serif;

  font-weight: 300;

  font-size: 7.7vh;

  color: var(--logiterra-blue);

  margin: 1em 0 0.5em 0;

  line-height: 7.7vh;

  opacity: 1;

  visibility: visible;

  transition: all 1s ease-out;
}

h2 em {
  font-style: normal;

  color: var(--logiterra-green);
}

h3 {
  font-family: "Roboto Condensed", sans-serif;

  opacity: 1;

  visibility: visible;

  transition: all 0.5s ease-out;
}

.hidden h3 {
  opacity: 0;

  visibility: hidden;
}

h4 {
  color: var(--logiterra-green);

  font-weight: 400;

  margin: 0px 0px 2em 0px;

  padding: 0px;

  opacity: 1;

  visibility: visible;

  transition: all 1s linear;
}

h6 {
  font-size: 3vh;

  color: var(--logiterra-blue);

  font-weight: 400;

  margin: 0 0 1em 0;

  padding: 0;

  text-align: center;

  transition: transform 1s ease, opacity 1s ease;
}

h6.hidden,
.hidden h6 {
  opacity: 0;

  transform: translateX(-4vh);
}

p,
ul {
  color: var(--dark-gray);

  line-height: 1.5em;

  margin: 0px 0px 1em 0px;

  padding: 0px;

  opacity: 1;

  visibility: visible;

  transform: translateX(0vh);

  transition: all 1s linear;
}

div.anons p {
  color: var(--white);
}

p span {
  color: #c5c2c1;
}

#food_list p span,
#nonfood_list p span {
  padding: 0.1rem 0.3rem;

  font-size: 90%;

  color: var(--white);

  background-color: var(--logiterra-green);

  border-radius: 0.2rem;
}

p.blue {
  font-style: normal;

  color: var(--dark-blue);

  margin: 0;
}

p.lastbig {
  margin-top: 3em;
}

.hidden p {
  transform: translateX(4vh);

  opacity: 0;

  visibility: hidden;
}

.anons.hidden p {
  transform: translate(0, 0);

  opacity: 0;

  visibility: hidden;

  transition: all 0.5s ease-out;
}

.slide2 .hidden p,
.slide4 .hidden p {
  transform: translateX(-4vh);
}

.slide1 p,
.slide2 p,
.slide3 p,
.slide4 p,
div.annual_block p,
.content_overlay p,
div.plus_list p,
.autoplus_item p,
.fullphoto p {
  color: var(--light-gray);
}

ul {
  margin-left: 1em;
}

ul.onlytext {
  margin-top: 0;

  list-style: none;
}

a {
  line-height: 1.5em;

  color: var(--logiterra-green);

  text-decoration: none;

  padding: 0;

  /* border-bottom: 1px dashed rgba(140, 192, 75, 0.5); */

  position: relative;

  z-index: 6;
}

a:hover {
  text-decoration: none;

  border-color: transparent;
}

a.mainpage {
  margin: 0;

  padding: 0;

  text-decoration: none;

  border: none;
}

a.graylink {
  color: var(--dark-gray);

  border-color: rgba(127, 134, 140, 0.5);
}

div.city a {
  color: #c5c2c1;

  border-color: rgba(127, 134, 140, 0.5);
}

div.city a:hover {
  color: var(--white);

  border-color: transparent;
}

div.widthdraw {
  max-width: 133.33vh;
  margin: 0px auto;

  padding: 0px 4vh;

  box-sizing: border-box;

  position: relative;
}

/* @media (min-width: 1070px) {
  div.widthdraw {
    width: 133.33vh;
  }
  
} */

#cta-form div.widthdraw {
  height: 100%;
}

div#splashscreen {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  background-color: var(--white);

  z-index: 1000;

  transition: all 0.5s ease-in;

  visibility: visible;
}

div#splashscreen.hide {
  top: 100vh;

  visibility: hidden;
}

/* --- Header --- */

header {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 100;

  padding: 1.5rem 0;

  transition: backdrop-filter 0.5s ease 0s, background-color 0.5s ease 0s,
    box-shadow 0.5s ease 0s, transform 0.5s ease;
}

header .widthdraw {
  /* display: flex;

  flex-direction: row;

  align-items: center;

  gap: 3rem; */
}

header.scroll {
  backdrop-filter: blur(5px);

  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}

header.scroll.light {
  background-color: rgba(0, 43, 73, 0.95);
}

header.scroll.dark {
  background-color: rgba(255, 255, 255, 0.95);
}

header.hide,
header.firsthide {
  transform: translateY(-100%);

  /* top:-15vh; */

  opacity: 1;
}

header a {
  line-height: 1.2em;
}

header.light a {
  color: var(--light-gray);

  /* border-color: rgba(255, 255, 255, 0.5); */
}

header.light a:hover {
  color: var(--white);

  border-color: transparent;
}

header.dark a {
  color: var(--dark-gray);

  border-color: rgba(127, 134, 140, 0.5);
}

header.dark a:hover {
  color: var(--logiterra-blue);

  border-color: transparent;
}

header a.active {
  color: var(--logiterra-green);

  border: none;

  cursor: default;
}

header a.active:hover {
  color: var(--logiterra-green);
}

.outicon {
  position: relative;

  margin-left: 3.5vh;
}

.outicon::before {
  position: absolute;

  left: -3.5vh;

  top: 50%;

  transform-origin: center;

  transform: translateY(-50%);

  width: 2.5vh;

  height: 2.5vh;

  content: "";

  background-color: transparent;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 2.5vh;
}

.outicon_lk::before {
  background-image: url("../svg/icon_lock.svg");
}

.outicon_whatsapp::before {
  background-image: url("../svg/icon_whatsapp.svg");
}

header a.Main_phone {
  color: var(--logiterra-green) !important;

  border-color: var(--logiterra-green);
}

header a.Main_phone:hover {
  color: var(--logiterra-green);

  border-color: transparent;
}

button.cta {
  border: none;

  font-size: 1.8vh;

  padding: 0.5rem 1rem;

  background-color: var(--logiterra-green);

  color: inherit;

  cursor: pointer;

  transition: background-color 0.25s ease, color 0.25s ease;
}

.light button.cta {
  color: var(--dark-blue);
}

.dark button.cta {
  color: var(--white);
}

button.cta:hover {
  background-color: var(--logiterra-green-hover);
}

div.Logotype {
  width: 25.4vh;

  height: 4.7vh;

  /* float: left; */

  /* margin-right: 6vh; */
}

div.Logotype #Logo {
  width: 25.4vh;
}

div.Logotype .a,
div.Logotype .b {
  transition: fill 0.1s linear;
}

header.light .a {
  fill: #f5f5f5;
}

header.light .b {
  fill: var(--logiterra-green);
}

header.dark .a,
.contact_mini .a {
  fill: var(--logiterra-green);
}

header.dark .b,
.contact_mini .b {
  fill: var(--logiterra-blue);
}

.menus {
  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  gap: 3rem;

  width: 100%;

  position: relative;
}

div.Additional_menu {
  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: flex-end;

  flex-wrap: wrap;

  width: 60%;

  gap: 1.5vh 3vh;

  order: 2;
}

.Main_menu {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding-left: 5vh;

  gap: 1vh;
}

.light .Main_menu {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.dark .Main_menu {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}

.Main_menu a {
  margin: 0;
}

/* --- /Header --- */

/* --- Inner pages header --- */

div#teaser {
  background-color: var(--dark-blue);

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  width: 100%;

  height: 55.5vh;

  position: absolute;

  top: 0px;

  z-index: 1;

  overflow: hidden;

  transition: height 1s ease-out;
}

div.show_bg {
  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;
}

.solutions_bg {
  background-image: linear-gradient(var(--dark-blue), transparent 75%),
    url(../bg/goods_background.jpg);
}

.transport_bg {
  background-image: linear-gradient(var(--dark-blue), transparent 75%),
    url(../bg/transport_background.jpg);
}

.warehouse_bg {
  background-image: linear-gradient(var(--dark-blue), transparent 75%),
    url(../bg/warehouse_background.jpg);
}

.investors_bg {
  background-image: linear-gradient(var(--dark-blue), transparent 75%),
    url(../bg/investors.webp);
}

.intro_bg {
  background-image: linear-gradient(var(--dark-blue), transparent 75%),
    url(../bg/intro_background.jpg);
}

.map_bg {
  background-image: linear-gradient(var(--dark-blue), transparent 75%),
    url(../bg/map_bg.jpg);
}

div#teaser.hide {
  height: 0vh;
}

div#teaser h1 {
  margin: 23vh 0px 0px 0px;
}

div#teaser .video {
  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);
}

.next {
  display: block;

  background-color: var(--dark-blue);

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  padding: 20vh 0 5vh 0;

  margin-top: -15vh;

  box-sizing: border-box;
}

.next .video {
  width: 100%;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);
}

.next h1 {
  margin: 0 10vh 0 0;

  padding: 0;

  background: transparent url("../bg/arrow.svg") no-repeat 100% 50%;

  background-size: 15vmin;

  transition: transform 1s ease, margin 1s ease;
}

.next:hover h1 {
  margin: 0 5vh 0 0;

  transform: translateX(5vh);
}

div.Submenu {
  position: absolute;

  width: 100%;

  top: 73vh;

  z-index: 10;
}

div.Submenu.fixed {
  position: fixed;

  top: 17.5vh;
}

div.Submenu.stopped {
  position: absolute;

  bottom: 0;

  /* bottom:20vh; */

  top: auto;
}

div.Submenu.stopped .col_half {
  transform: translateY(-100%);
}

div.Submenu div.col_half {
  position: absolute;

  right: 4vh;

  width: 39.11vh;
}

div.Submenu ul {
  list-style: none;

  margin-bottom: 3em;
}

div.Submenu ul:last-child,
div.Submenu ul:last-child li:last-child {
  margin-bottom: 0;
}

div.Submenu ul li {
  margin-bottom: 1em;
}

div.Submenu a,
div.Submenu p {
  transition: all 0.1s linear;
}

div.Submenu a.current {
  border: none;
  cursor: default;
}

div.Submenu a.current:hover {
  border: none;
}

div.Submenu .dark a.current {
  color: var(--logiterra-blue);
}

div.Submenu .light a.current {
  color: var(--white);
}

div.Submenu p.dark {
  color: #c5c2c1;
}

div.Submenu p.light {
  color: var(--dark-gray);
}

/* --- / Inner pages header --- */

/* --- Inner pages Content --- */

div#content {
  padding-top: 55.5vh;

  opacity: 1;

  visibility: visible;

  transition: all 0.5s linear;

  position: relative;
}

div#content.fullscreen {
  padding: 0;
}

div#content p,
div#content ul {
  clear: both;
}

div#content.hide {
  opacity: 0;

  visibility: hidden;
}

div#content article {
  padding: 20vh 0;
}

div.anons {
  position: fixed;

  bottom: 0px;

  background-color: var(--logiterra-green);

  height: auto;

  padding: 2rem 0;

  width: 100%;

  z-index: 10;

  opacity: 1;

  visibility: visible;

  transition: all 0.5s ease-out;
}

div.anons.hidden {
  opacity: 0;

  visibility: hidden;
}

div.anons a {
  color: var(--white);

  border-color: var(--white);
}

div.anons p:last-child {
  margin-bottom: 0;
}

.flexcol {
  display: flex;

  justify-content: space-between;
}

.flexcol .flex_ab {
  width: 70%;
}

.flexcol .flex_c {
  width: 20%;
}

div.col_half {
  width: 50%;

  clear: both;
}

div.col_quarter {
  width: 25%;

  float: left;

  margin-bottom: 1em;
}

div.col_half div.col_quarter {
  width: 50%;
}

div#content article#about01 {
  padding: 17.5vh 0;
}

article#about01 .listlogos img {
  margin: 1em 50% 1em 0;
  display: inline;
}

article#about01 div.listlogos:nth-of-type(1) img:nth-of-type(1) {
  width: 13.08vh;
}

article#about01 div.listlogos:nth-of-type(1) img:nth-of-type(2) {
  width: 22.52vh;
}

article#about01 div.listlogos:nth-of-type(1) img:nth-of-type(3) {
  width: 17.5vh;
}

article#about01 div.listlogos:nth-of-type(1) img:nth-of-type(4) {
  width: 16.89vh;
}

article#about01 div.listlogos:nth-of-type(1) img:nth-of-type(5) {
  width: 23.54vh;
}

article#about01 div.listlogos:nth-of-type(1) img:nth-of-type(6) {
  width: 15.96vh;
}

article#about01 div.listlogos:nth-of-type(1) img:nth-of-type(7) {
  width: 17.67vh;
}

article#about01 div.listlogos:nth-of-type(2) img:nth-of-type(1) {
  width: 11.56vh;
}

article#about01 div.listlogos:nth-of-type(2) img:nth-of-type(2) {
  width: 22.07vh;
}

article#about01 div.listlogos:nth-of-type(2) img:nth-of-type(3) {
  width: 16.18vh;
}

article#about01 div.listlogos:nth-of-type(2) img:nth-of-type(4) {
  width: 16.03vh;
}

article#about01 div.listlogos:nth-of-type(2) img:nth-of-type(5) {
  width: 14.02vh;
}

article#about01 div.listlogos:nth-of-type(2) img:nth-of-type(6) {
  width: 15.15vh;
}

article#about01 div.listlogos:nth-of-type(2) img:nth-of-type(7) {
  width: 14.33vh;
}

div#content article#warehouse_map {
  width: 100%;

  height: 100vh;

  margin: 0;

  padding: 20vh 0 0 0;

  margin-top: -15vh;
}

div#content article#warehouse_map a {
  position: absolute;

  top: 85vh;
}

div#content article#warehouse_map .inside_map {
  width: 100%;

  height: 100vh;

  background: transparent url(../bg/map_sklad.svg) no-repeat 50% 50%;

  background-attachment: scroll;

  background-size: cover;

  position: relative;
}

div#content article#num_profit {
  padding: 0;
  margin: -10vh 0 20vh 0;
}

div#content article#num_profit h2 {
  margin: 0.5em 0 0 0;
  letter-spacing: -0.07em;
}

div#content article#warehouse_services {
  padding: 20vh 0 15vh 0;
}

div#content article#transport_plus {
  width: 100%;

  height: 150vh;

  background-color: var(--dark-blue);

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  padding: 1px 0;

  margin: 0;

  position: relative;
}

article#transport_plus h1 {
  margin-top: 19vh;
}

div.svg_transport {
  position: absolute;

  top: 0px;

  width: 100%;

  height: 150vh;
}

div.plus_list {
  width: 43%;

  position: relative;

  left: 3.45vh;

  top: 1vh;
}

div.plus_list .item {
  position: relative;

  margin-bottom: 10vh;
}

div.plus_list p {
  padding-left: 7vh;
}

div#content article.fullphoto {
  width: 100%;

  height: 100vh;

  box-sizing: border-box;

  background-color: var(--dark-blue);

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  margin: 0;

  padding: 0;

  position: relative;
}

div#content article.fullphoto .widthdraw {
  padding: 15vh 4vh;

  height: 100%;
}

.fullphoto div.widthdraw div.col_half {
  position: absolute;
  bottom: 15vh;
}

div#content article#tech_plus {
  background-image: url(../bg/warehouse_new.jpg);
}

div#content article#WMS_plus {
  background-image: url(../bg/warehouse_ext.jpg);
}

div#content article#employee_plus {
  background-image: url(../bg/wms_user.jpg);
}

div#content article#goods_food {
  background-image: url(../bg/goods_food.jpg);
}

div#content article#goods_nonfood {
  background-image: url(../bg/goods_nonfood.jpg);
}

div#content article#goods_engineering {
  background-image: url(../bg/goods_engineering.jpg);
}

div#content article#engineering_intro {
  padding: 15vh 0 0 0;
}

div#content article#howitworks,
div#content article#food_list,
div#content article#nonfood_list,
div#content article#engineering_list,
div#content article#engineering_text {
  padding-top: 0;
}

article#howitworks h2,
article#food_list h2,
article#nonfood_list h2,
article#engineering_text h2 {
  padding-top: 15vh;
}

div#content article#get_map {
  width: 100%;

  height: 100vh;

  margin: -17vh 0 0 0;

  padding: 0;
}

div#content article#get_map .inside_map {
  width: 100%;

  height: 100vh;

  background: transparent url(../bg/map_white.svg) no-repeat 50% 50%;

  background-size: cover;

  position: relative;
}

div#content article#get_map.fixit .inside_map,
div#content article#put_map.fixit .inside_map {
  background-attachment: fixed;
}

article#get_map .col_ab {
  position: absolute;

  top: 70vh;
}

div#content article#put_map {
  width: 100%;

  height: 100vh;

  position: relative;

  margin: 0;

  padding: 0;
}

div#content article#put_map .inside_map {
  width: 100%;

  height: 100vh;

  background: var(--dark-blue) url(../bg/map_blue.svg) no-repeat 50% 50%;

  background-attachment: scroll;

  background-size: cover;

  position: relative;
}

article#put_map .col_half {
  position: absolute;

  top: 70vh;
}

div#content article#autopark {
  padding: 0;
}

div#content article#autopark .widthdraw {
  height: 100%;

  display: flex;

  align-items: flex-end;

  padding: 15vh 4vh;
}

div#content article#autopark h1 {
  margin: 0 !important;
}

div#content article#autopark img.cars {
  width: 82.22vh;

  margin: 3vh 0;
}

div#content article#autoplus {
  width: 100%;

  background: var(--dark-blue) url("../bg/autoshow.webp") no-repeat 50% 100%;

  background-size: contain;

  padding: 0;

  margin: 0;
}

div#content article#autoplus .widthdraw {
  padding: 10vh 4vh 50vw;
}

.autoplus_item {
  position: relative;

  margin: 10vh 0;
}

.autoplus_item p,
.autoplus_item h4 {
  padding-left: 18vh;

  margin-bottom: 1em;
}

.autoplus_item img {
  position: absolute;

  top: 0;

  left: 0;

  width: 10.6vh;
}

.autoshow {
  width: 100%;

  aspect-ratio: 16 / 9;

  background: var(--logiterra-blue) url("../bg/autopark.webp") no-repeat 0 50%;

  -webkit-background-size: cover;

  background-size: cover;
}

div#content article#quotes,
div#content article#docs,
div#content article:last-child {
  padding-bottom: 0;
}

div#content article#docs img {
  width: 12vh;
  margin: 0 0 1em 0;
}

div#fullmap {
  width: 100%;

  height: 100vh;

  position: fixed;

  background-color: var(--dark-blue);

  overflow: hidden;
}

div#fullmap #g_map {
  width: 100%;

  height: 100%;
}

div#content div.city .line {
  float: left;

  width: 0px;

  height: 100vh;

  clear: both;
}

div#content div.city .col_half {
  position: relative;

  float: left;

  width: auto;
}

div#content div.city .col_half div.address_block {
  position: absolute;

  bottom: 10vh;
}

div.address_block p.emaillink,
div.address_block p.emaillink a {
  color: var(--dark-gray);
}

div.address_block ul {
  margin: 2rem 0 2rem 0;

  padding: 0;

  list-style: none;

  /*width: 18rem;*/
}

div.address_block ul li {
  display: block;

  float: left;

  margin-right: 30px;

  padding-left: 32px;

  background-repeat: no-repeat;

  background-position: 0px 50%;

  background-size: 25px;

  line-height: 27px;
}

div.address_block ul li a {
  color: var(--dark-gray);
}

div.address_block ul li.icon__scheme {
  background-image: url(../bg/icon_scheme.svg);
}

div.address_block ul li.icon__gps {
  background-image: url(../bg/icon_gps.svg);
}

div.address_block ul li.icon__print {
  background-image: url(../bg/icon_print.svg);
}

/* --- / Inner pages Content --- */

/* --- Graph bar --- */

div.barblock {
  padding-bottom: 3vh;
}

div.barblock.hidden p {
  transform: none;

  opacity: 1;

  visibility: visible;
}

div.barblock p {
  transition-duration: 0.5s;
}

div.graphbar {
  margin: 5vh 0 2vh 0;

  width: 82.22vh;

  height: 1vh;

  background-color: var(--logiterra-blue);

  transition: width 1s ease;

  position: relative;
}

div.barblock.hidden div.graphbar {
  width: 0vh;
  transition: width 0.5s ease 0s;
}

div.barblock div.graphbar div.graphbar_gray {
  position: absolute;

  right: 0;

  height: 1vh;

  background-color: #e8e6e6;

  transition: width 1s ease 1s;
}

article#graphs_trns div.barblock:nth-of-type(1) div.graphbar_gray {
  width: 75%;
}

article#graphs_trns div.barblock:nth-of-type(2) div.graphbar_gray {
  width: 90%;
}

article#graphs_trns div.barblock:nth-of-type(3) div.graphbar_gray {
  width: 15%;
}

article#graphs div.barblock:nth-of-type(1) div.graphbar_gray {
  width: 90%;
}

article#graphs div.barblock:nth-of-type(2) div.graphbar_gray {
  width: 15%;
}

article#graphs div.barblock:nth-of-type(3) div.graphbar_gray {
  width: 25%;
}

article#graphs .hidden div.graphbar div.graphbar_gray,
article#graphs_trns .hidden div.graphbar div.graphbar_gray {
  width: 0%;
  transition: width 0.6s ease 0.5s;
}

div.barblock div.graphbar div.graphbar_green {
  position: absolute;

  left: 0;

  width: 100%;

  height: 1vh;

  background-color: var(--logiterra-green);

  opacity: 1;

  transition: opacity 1s ease 1s;
}

div.barblock.hidden div.graphbar div.graphbar_green {
  opacity: 0;
  transition: opacity 0.6s ease 0.5s;
}

/* --- Intro --- */

div.fullheight {
  width: 100%;

  height: 100vh;

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;

  padding: 0px;

  margin: 0px;
}

div.fullheight:nth-of-type(1),
div.fullheight:nth-of-type(2),
div.fullheight:nth-of-type(3) {
  background-color: var(--dark-blue);

  position: relative;
}

div.fullheight:nth-of-type(4) {
  height: 200vh;

  background: var(--dark-blue) url(../bg/slide4.png) no-repeat 50% 0px;

  background-size: contain;
}

div.fullheight:nth-of-type(5) {
  height: 150vh;

  background-color: var(--white);
}

div.fullheight:nth-of-type(6) {
  height: 290vh;

  margin: -15vh 0 -25vh 0;

  background-image: url(../bg/slide6.jpg);
}

div.fullheight .videocontainer {
  position: absolute;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;
}

div.fullheight .videocontainer .video {
  position: absolute;

  min-width: 100%;

  min-height: 100%;

  left: 50%;

  transform: translateX(-50%);

  width: auto;

  height: auto;

  /*background: url(../bg/slide1.jpg) no-repeat;

    background-size: cover;*/
}

/* --- SVG --- */

div.svgline {
  position: absolute;

  top: 0px;

  width: 100%;

  z-index: 2;
}

div.svgline div.svg_container {
  width: 100%;

  height: 100%;

  position: relative;
}

#route-to-success {
  position: absolute;

  top: 0px;

  height: 1000vh;

  width: 100%;
}

#ie-line {
  position: absolute;

  top: 0px;

  height: 900vh;

  width: 100%;

  display: none;
}

#svg_transport {
  position: absolute;

  top: 0px;

  height: 150vh;

  width: 100%;
}

#ie_transport {
  position: absolute;

  top: 0px;

  height: 150vh;

  width: 100%;

  display: none;
}

#lines_path path,
#ie-line path,
#ie_transport path {
  stroke-dasharray: 23;

  stroke-width: 6px;

  fill: none;
}

#mobile_line {
  position: absolute;

  right: 52.5px;

  width: 4px;
}

#mobile_line path,
#mobile_line line {
  stroke-dasharray: 25;

  stroke-width: 4px;

  fill: none;
}

path.white_path,
line.white_path {
  stroke: var(--white);
}

path.green_path,
line.green_path {
  stroke: var(--logiterra-green);
}

#mask_path path {
  stroke-width: 6px;

  fill: none;

  stroke: var(--white);

  visibility: hidden;

  transition: stroke-dashoffset 0.5s ease-out;
}

/* --- Text --- */

div.slide1 h1,
div.slide3 h1 {
  margin-top: -1.15em;
}

div.slide2 h1 {
  margin-top: -1.6em;
}

div.slide4 h1 {
  text-align: center;
}

div.col_a {
  width: 39.11vh;

  float: left;

  margin-right: 4vh;
}

div.col_ab {
  margin-right: 4vh;

  float: right;

  text-align: right;

  padding-right: 39.11vh;
}

div.col_bc {
  float: left;

  width: 82.22vh;
}

div.col_c {
  width: 39.11vh;

  float: right;

  margin-left: -100%;
}

div.slide1,
div.slide2,
div.slide3,
div.slide4 {
  padding-top: 38vh;

  position: relative;
}

div.slide5 {
  padding-top: 21.5vh;
}

div.slide1 p,
div.slide2 p,
div.slide3 p,
div.slide4 p,
div.slide5 p {
  position: relative;

  z-index: 5;
}

/* - Категории товаров - */

div.cat_list {
  clear: both;

  text-align: center;

  width: 100%;

  position: absolute;

  top: 71.9vh;
}

div.cat_list h3 {
  color: #003053;

  text-align: center;

  margin: 0px;

  padding: 0px;

  font-size: 31.5vh;

  letter-spacing: -0.07em;

  line-height: 24.5vh;
}

/* Решения */

div.goods_list {
  position: absolute;

  top: 72.3vh;

  text-align: center;

  display: flex;

  flex-direction: column;

  gap: 1.3vh;

  width: 100%;
}

div.goods_list .item {
  position: relative;

  height: 23.2vh;

  padding-top: 7.8vh;

  box-sizing: border-box;
}

div.goods_list a {
  position: relative;

  line-height: 7vh;

  opacity: 1;

  visibility: visible;

  /* transition: all 0.5s linear; */

  transition: opacity 0.5s ease, visibility 0.5s ease, margin 0.5s ease;

  margin-left: 0px;
}

div.goods_list .hidden a {
  margin-left: 40px;

  opacity: 0;

  visibility: hidden;
}

div.goods_list .goodescribe {
  color: var(--dark-gray);

  margin: 0 auto;

  width: 50vh;
}

div.goods_list .hidden .goodescribe {
  transform: translateX(4vh);
}

.town_icon {
  width: 6.9vh;

  height: 6.9vh;

  position: absolute;

  transform: translate(-50%, -50%);

  top: 50%;

  transition: all 0.5s ease;

  opacity: 1;

  visibility: visible;

  z-index: 10;
}

.hidden .town_icon {
  width: 10.35vh;

  height: 10.35vh;

  opacity: 0;

  visibility: hidden;
}

/* - Форма захвата на главной - */

.cta-form {
  --padding: 3.7vh;

  position: relative;

  overflow: hidden;

  background: linear-gradient(
    red,
    var(--dark-blue),
    var(--logiterra-blue),
    var(--dark-blue)
  );

  background-size: 1px 266.1vh;

  background-position: 0 50%;

  opacity: 1;

  transition: opacity 1s ease, transform 1s ease, background-position 1s ease;
}

.cta-form.hidden {
  opacity: 0;

  transform: translateY(10vh);
}

.inline-cta .cta-form {
  position: absolute;

  bottom: 0;

  width: calc(100% - 8vh);

  height: 88.7vh;
}

.alone-cta {
  position: relative;

  margin-top: 15vh;

  z-index: 7;
}

.cta-form--ok {
  background-position: 0 100%;
}

.cta-form--error {
  background-position: 0 0;
}

.form {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  z-index: 10;

  box-sizing: border-box;

  padding: calc(1.5 * var(--padding)) calc(2 * var(--padding));

  color: var(--light-gray);

  transform: translateY(0);

  transition: transform 1s ease, gap 1s ease;
}

.form h1,
.form h2 {
  color: var(--white);

  transition: none;

  margin: 0;
}

.form p {
  color: inherit;
}

.hidden .form p {
  transform: none;
}

.form-quiz {
  position: absolute;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: var(--padding);

  height: 100%;

  transform: translateX(-100%);
}

.cta-form--quiz .form-quiz {
  transform: translateX(0);
}

.quiz-header {
  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  color: var(--dark-gray);
}

.quiz-steps {
  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  position: relative;
}

.quiz-steps-path {
  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -3px;

  width: 100%;

  height: 6px;

  background-color: var(--logiterra-blue);

  z-index: -1;
}

.quiz-steps-bar {
  height: 100%;

  width: 0;

  background-color: var(--logiterra-green);

  transition: width 1s ease;
}

.quiz-question-wrapper {
  width: 100%;

  height: 100%;

  overflow: hidden;
}

.quiz-question-slider {
  height: 100%;

  display: flex;

  flex-direction: row;

  transition: transform 1s ease;
}

.quiz-question {
  min-width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-between;
}

.quiz-question-container {
  min-width: 100%;

  display: flex;

  flex-direction: column;

  gap: calc(2 * var(--padding));
}

.quiz-answers {
  width: 100%;

  display: flex;

  flex-direction: column;

  gap: calc(var(--padding) / 2);
}

.split-columns {
  display: grid;

  grid-template-rows: repeat(3, 1fr);

  grid-auto-flow: column;
}

.quiz-answers label {
  margin: 0.5vh 0;

  justify-self: self-start;
}

.form-inputs {
  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: var(--padding);

  height: auto;
}

.cta-form--ok .form-inputs {
  transform: translateY(-100%);
}

.cta-form--error .form-inputs {
  transform: translateY(100%);
}

.cta-form--quiz .form-inputs {
  transform: translateX(100%);
}

.hidden .form-inputs {
  gap: calc(3 * var(--padding));
}

.form-inputs .inputline {
  position: relative;

  width: 100%;

  box-sizing: border-box;

  background-color: var(--white);

  display: flex;

  flex-direction: row;

  align-items: center;
}

.form-inputs input[type="text"]:not(.b24-form-control) {
  z-index: 5;

  color: var(--dark-blue);

  width: 100%;

  box-sizing: border-box;

  padding: var(--padding);

  font-size: 3vh;

  outline: none;

  border: none;

  background-color: transparent;
}

.form-inputs p {
  color: inherit;

  margin: 0;

  transform: none;
}

.form-inputs p.placeholder {
  z-index: 1;

  font-size: 3vh;

  position: absolute;

  top: 50%;

  left: calc(100% - 3 * var(--padding));

  transform: translate(-100%, -50%);

  color: var(--light-gray);

  white-space: nowrap;

  user-select: none;

  transition: left 1s ease, transform 1s ease;
}

.form-inputs input:placeholder-shown::placeholder {
  font-size: 3vh;

  visibility: hidden;
}

.form-inputs input:placeholder-shown + p.placeholder {
  left: var(--padding);

  transform: translate(0, -50%);
}

.form-inputs input:-webkit-autofill,
.form-inputs input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

.form-inputs input:-webkit-autofill::first-line {
  font-size: 3vh !important;
}

.inputline .status {
  position: absolute;

  z-index: 6;

  right: 3.5vh;
}

.form label {
  display: inline-flex;

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

  flex-direction: row;

  align-items: center;

  gap: 1.5em;

  color: var(--light-gray);

  cursor: pointer;

  user-select: none;
}

.form label:hover {
  color: var(--white);
}

.form label p {
  margin: 0;

  transition: color 0.25s ease;
}

.form label input {
  display: none;
}

.formbutton {
  font-size: 3vh;

  border: none;

  color: var(--dark-gray);

  background-color: var(--dark-blue);

  padding: var(--padding) calc(4 * var(--padding));

  user-select: none;

  transition: background-color 0.25s ease, color 0.25s ease;
}

.formbutton--pending {
  color: var(--white);

  background: repeating-linear-gradient(
    to right,

    var(--logiterra-green-hover) 0%,

    var(--logiterra-green-hover) 50%,

    var(--logiterra-green) 50%,

    var(--logiterra-green-hover) 100%
  );

  background-size: 200% auto;

  background-position: 0 100%;

  animation: gradient 1s infinite;

  animation-fill-mode: forwards;

  animation-timing-function: linear;
}

@keyframes gradient {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.formbutton:not(:disabled) {
  color: var(--white);

  background-color: var(--logiterra-green);

  cursor: pointer;
}

.formbutton:not(:disabled):hover {
  background-color: var(--logiterra-green-hover);
}

.status,
.checkbox {
  min-width: var(--padding);

  min-height: var(--padding);

  border-radius: var(--padding);

  position: relative;

  background-color: var(--dark-blue);

  overflow: hidden;

  transition: background-color 0.5s ease;
}

.status--quiz {
  background-color: var(--logiterra-blue);
}

.status--quiz.status--ok {
  cursor: pointer;
}

.status--quiz.status--ok:hover {
  background-color: var(--logiterra-green-hover);
}

.status::before,
.checkbox::before {
  content: "";

  position: absolute;

  width: var(--padding);

  height: var(--padding);

  background: transparent url("../svg/icon_ok.svg") no-repeat 50% 50%;

  background-size: var(--padding);

  transform: translateY(-100%);

  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.status::after {
  content: "";

  position: absolute;

  width: var(--padding);

  height: var(--padding);

  background: transparent url("../svg/icon_error.svg") no-repeat 50% 50%;

  background-size: var(--padding);

  transform: translateY(100%);

  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.status--ok,
input:checked + .checkbox {
  background-color: var(--logiterra-green);
}

.status--ok::before,
input:checked + .checkbox::before {
  transform: translateY(0);
}

.status--error {
  background-color: var(--error);
}

.status--error::after {
  transform: translateY(0);
}

.form--ok {
  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  padding-top: 15vh;

  gap: calc(8 * var(--padding));

  transform: translateY(100%);
}

.cta-form--ok .form--ok {
  transform: translateY(0);

  gap: calc(2 * var(--padding));
}

.icon {
  width: 25.74vh;

  height: 18.33vh;

  flex-shrink: 0;
}

.icon--mail {
  stroke-width: 1vh;

  stroke: var(--white);
}

.icon--mail .label {
  transform-origin: 75% 25%;

  stroke-width: 1.2vh;

  fill: var(--logiterra-blue);

  stroke: var(--logiterra-green);

  animation: attention 1s ease infinite;
}

@keyframes attention {
  0% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.8);
  }
}

.form--error {
  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding-bottom: 15vh;

  gap: calc(8 * var(--padding));

  transform: translateY(-100%);
}

.cta-form--error .form--error {
  transform: translateY(0);

  gap: calc(2 * var(--padding));
}

.form--error .undo {
  padding-left: 2em;

  background: transparent url("../svg/icon_undo.svg") no-repeat 0 50%;

  background-size: 1.5em;
}

.form--error .undo a {
  color: var(--light-gray);

  border-color: var(--light-gray);

  cursor: pointer;
}

.form--error .undo a:hover {
  border: none;
}

/* - Advantages - */

div.slide6 {
  display: flex;

  flex-direction: column;

  gap: 18.5vh;

  padding-top: 33vh;

  position: relative;
}

div.slide6 h1 {
  margin: 0;

  text-align: center;
}

.advantage_block {
  --gap-v: 8.2vh;

  --gap-h: 3.7vh;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: var(--gap-v) var(--gap-h);

  box-sizing: border-box;

  padding-bottom: 12vh;

  position: relative;
}

.advantage_header {
  grid-column: span 3;
}

.advantage_item {
  position: relative;

  padding-left: 10.6vh;

  box-sizing: border-box;
}

.advantage_block:nth-of-type(2) .advantage_item {
  padding-left: 0;

  padding-right: 10.6vh;

  text-align: right;
}

.advantage_item .town_icon {
  left: 0;

  transform: translate(0, -50%);
}

.advantage_block:nth-of-type(2) .advantage_item .town_icon {
  left: auto;

  right: 0;

  transform: translate(0, -50%);
}

.advantage_item p {
  margin: 0;
}

.advantage_block:nth-of-type(2) .advantage_item.hidden p {
  transform: translateX(-4vh);
}

.advantage_block:nth-of-type(1) .advantage_item:nth-of-type(1) {
  grid-column: 2 / span 2;
}

.advantage_block:nth-of-type(1) .advantage_item:nth-of-type(2) {
  grid-column: 2 / span 2;

  width: calc(75% - 0.25 * var(--gap-h));

  left: calc(25% - 0.25 * var(--gap-h));
}

.advantage_block:nth-of-type(2) .advantage_item:nth-of-type(1) {
  grid-column: 1 / span 2;
}

.advantage_block:nth-of-type(2) .advantage_item:nth-of-type(2) {
  grid-column: 1 / span 2;

  width: calc(77.5% - 0.25 * var(--gap-h));
}

.advantage_block:nth-of-type(2) .advantage_item:nth-of-type(3) {
  grid-column: 1;
}

.advantage_block:nth-of-type(3) .advantage_item:nth-of-type(1) {
  grid-column: 2 / span 2;

  left: -9.8vh;
}

.advantage_block:nth-of-type(3) .advantage_item:nth-of-type(2) {
  grid-column: 2 / span 2;
}

.advantage_block:nth-of-type(3) .advantage_item:nth-of-type(3) {
  grid-column: 2 / span 2;

  width: calc(75% - 0.25 * var(--gap-h));

  left: calc(23.5% - 0.25 * var(--gap-h));
}

.advantage_feature {
  position: absolute;

  left: 0;

  bottom: 0;

  width: calc(33.3333% - 0.66 * var(--gap-h));
}

.advantage_feature h5 {
  text-align: center;

  font-size: 20.5vh;

  font-weight: normal;

  letter-spacing: -0.07em;

  margin: 0;

  padding: 0;

  color: var(--light-gray-translucent);

  transition: transform 1s ease, opacity 1s ease;
}

.advantage_feature.hidden h5 {
  transform: translateX(-4vh);

  opacity: 0;
}

.advantage_feature_background {
  position: relative;

  left: 50%;

  transform: translateX(-50%);

  text-align: center;
}

.advantage_feature_overlay {
  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  display: flex;

  align-items: center;

  justify-content: center;
}

.advantage_feature_overlay p {
  margin: 0;

  color: var(--dark-gray);
}

.advantage_block:nth-of-type(2) .advantage_feature {
  left: auto;

  right: 0;
}

.icon_rocket {
  width: 20.5vh;

  height: 20.5vh;

  opacity: 0.5;

  transition: transform 1s ease, opacity 1s ease;
}

.hidden .icon_rocket {
  transform: translate(-4vh, 4vh);

  opacity: 0;
}

.advantage_edo {
  position: absolute;

  right: 0;

  top: 10vh;

  width: 23.15vh;

  transition: transform 1s ease, opacity 1s ease;
}

.advantage_edo.hidden {
  transform: translateX(4vh);

  opacity: 0;
}

/* - Контакты - */

div.map_background {
  width: 82.22vh;

  height: 85vh;

  top: 15vh;

  position: absolute;

  background-color: var(--dark-blue);

  overflow: hidden;

  transform: translateX(0vh);

  transition: all 0.5s linear;
}

div.map_background.hidden {
  visibility: hidden;

  opacity: 0;

  transform: translateX(-4vh);
}

div.map_background #g_map {
  width: 125.33vh;

  height: 100%;
}

div.map_background #g_map .gmnoprint,
div.map_background #g_map .gm-style-cc {
  visibility: hidden;
}

.button_position {
  position: absolute;

  top: 57vh;

  left: 0;

  width: 133.33vh;

  height: 50%;
}

div.map_background .content_overlay {
  width: 50vh;

  text-align: right;

  margin: 0px;

  position: absolute;

  top: 43.8%;

  left: 0;

  z-index: 10;
}

div.map_background .content_overlay h1 {
  margin: 0 0 0.2em 0;
}

div.contact_mini {
  width: 43.11vh;

  top: 38vh;

  right: 0;

  position: absolute;

  overflow: hidden;

  transition: all 0.5s linear;

  z-index: 2;
}

div.contact_mini .Logotype {
  margin-bottom: 3vh;

  visibility: visible;

  opacity: 1;

  transition: all 0.75s linear;
}

div.hidden .Logotype {
  visibility: hidden;

  opacity: 0;
}

div.contact_mini .address:not(.allcontacts) a {
  color: var(--dark-gray);

  border-color: var(--dark-gray);
}

div.contact_mini a:hover {
  color: #8cc04b;

  border-color: transparent;
}

div.contact_mini p {
  clear: both;

  margin: 0 0 4vh 0;

  transform: translateX(0vh);
}

div.contact_mini p.cities a {
  margin-right: 4vh;

  color: var(--light-gray);

  border-color: var(--light-gray);
}

div.contact_mini p.cities a:hover {
  color: var(--dark-gray);

  border-color: transparent;
}

div.contact_mini p.cities a.active {
  cursor: default;

  color: #8cc04b;

  text-decoration: none;

  border: none;
}

div.contact_mini p.subscript {
  color: var(--light-gray);
}

div.contact_mini div.address {
  width: 200%;

  background-color: #cfc;

  margin-left: 0;

  transition: all 0.5s ease;
}

div.contact_mini div.address .item_add {
  width: 50%;

  float: left;
}

.whatsapp {
  clear: both;
}

/* - Для инвесторов - */

div#content article.top-padding {
  padding: 10vh 0 0 0;
}

div#content article.bot-padding {
  padding: 10vh 0 30vh 0;
}

a.button {
  display: block;

  line-height: auto;

  padding: 40px;

  background-color: var(--light-gray);

  margin: 3em 0;

  padding: 18vh 4vh 4vh;

  position: relative;

  transition: background-color 0.5s ease;
}

a.button:hover {
  background-color: var(--logiterra-green);
}

a.button::before {
  --w: 7vh;

  content: "";

  width: var(--w);

  height: calc(1.57377 * var(--w));

  position: absolute;

  top: 4vh;

  left: 4vh;

  background-size: contain !important;

  background-repeat: no-repeat;
}

a.button.button--download::before {
  background-image: url(../svg/button_dowload.svg);
}

a.button.button--external::before {
  background-image: url(../svg/button_external.svg);
}

a.button::after {
  --w: 5vh;

  content: "";

  width: var(--w);

  height: calc(1.3333 * var(--w));

  position: absolute;

  top: 4vh;

  right: 4vh;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 100% 50%;
}

a.button.type--word::after {
  background-image: url(../svg/type_word.svg);
}

a.button.type--pdf::after {
  background-image: url(../svg/type_pdf.svg);
}

a.button.logo-interfax::after {
  width: 21vh;

  background-image: url(../svg/interfax.svg);
}

a.button h2,
.news h2 {
  font-size: 4.5vh;

  line-height: 5vh;

  margin: 0;

  color: var(--logiterra-blue);
}

.news .info {
  display: flex;

  justify-content: space-between;

  margin-bottom: 1em;
}

.news .date {
  color: var(--logiterra-green);
}

.news .place {
  color: var(--light-gray);

  padding-left: 3vh;

  background: transparent url(../svg/icon_place.svg) no-repeat 0 50%;

  background-size: 2.5vh;
}

.news h2 {
  margin-bottom: 0.5em;
}

a.button p {
  margin: 0;

  color: var(--white);
}

a.button .fileinfo {
  display: flex;

  justify-content: space-between;

  color: var(--white);

  align-items: end;
}

a.button .fileinfo .filename {
  color: inherit;
}

.col_quarter:nth-of-type(1) span,
.frame span {
  display: inline-block;

  width: 5vh;
}

.col_quarter:nth-of-type(2) span {
  display: inline-block;

  width: 8vh;
}

span.requisites {
  display: inline-block;

  width: 10vh;
}

.frame {
  clear: both;

  border: 3px solid var(--light-gray);

  padding: 40px 40px;

  margin: 3em 0;
}

.divided {
  padding-top: 20px;
}

.disaccent {
  color: var(--light-gray);
}

.grid-columns {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 40px;

  margin-top: 3em;
}

.grid-columns > a {
  margin: 0;
}

.grid-columns > :first-child {
  grid-column: span 2;
}

.finance {
  width: 100%;

  margin: 3em 0 0 0;
}

.finance td {
  padding: 20px 30px;

  color: inherit;

  text-align: right;
}

.finance thead {
  background-color: var(--logiterra-blue);

  color: var(--white);
}

.finance tbody {
  color: var(--dark-gray);
}

.finance .year {
  color: var(--logiterra-green);
}

.finance tbody tr:nth-of-type(2n) {
  background-color: var(--light-gray-translucent);
}

/* --- Buttons --- */

div.button {
  width: 10.8vh;

  height: 10.8vh;

  fill: var(--white);

  transform: translateY(-50%);

  margin: 0px auto;

  opacity: 1;

  visibility: visible;

  position: relative;

  transition: all 0.5s ease-out;

  z-index: 5;
}

.button_back {
  fill: var(--logiterra-blue);
}

.hidden div.button {
  width: 16.2vh;

  height: 16.2vh;

  opacity: 0;

  visibility: hidden;
}

/* Circle splash screen */

div.button svg {
  fill-rule: evenodd;
}

div.button .round_svg {
  width: 0px;

  position: absolute;

  z-index: 1000;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.7s ease-out;
}

div.button .round_path {
  fill: var(--white);
}

div.button .round_svg.outscreen {
  width: 200vmax;
}

div.button.play {
  transform: translate(50%, -50%) rotate(90deg);
}

/* Popup */

#popup {
  position: fixed;

  z-index: 100;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  visibility: visible;

  transition: opacity 1s ease, visibility 1s linear, z-index 0s linear;

  transition-delay: 0s, 0s, 0s;
}

#popup.hidden {
  opacity: 0;

  visibility: hidden;

  z-index: -1;

  transition-delay: 0s, 0s, 1s;
}

#popup .popup-overlay {
  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  opacity: 1;
}

#popup .cta-form {
  z-index: 10;

  top: 50%;

  left: 50%;

  bottom: auto;

  width: 133.33vh;

  transform: translate(-50%, -50%);
}

#popup .popupClose {
  position: absolute;

  right: 5vh;

  top: 5vh;

  z-index: 10;

  width: 5vh;

  height: 5vh;

  background: transparent url("../svg/icon_close.svg") no-repeat 50% 50%;

  cursor: pointer;

  transition: transform 0.5s ease;
}

#popup .popupClose:hover {
  transform: rotate(180deg);
}

.fresh {
  padding: 3vh 4vh;

  background-color: var(--logiterra-green);

  color: var(--white);

  margin: 0 0 5vh;
}

.fresh h2 {
  font-size: 4rem;

  padding: 0 0 0 1.25em !important;

  margin: 0.25em 0;

  color: inherit;

  background: transparent url("../bg/icon_fresh.svg") no-repeat 0 50%;

  -webkit-background-size: 1em;

  background-size: 1em;
}

.fresh h3 {
  font-size: 2rem;

  font-weight: 400;

  line-height: 1.5em;

  margin: 0 0 1em;

  color: inherit;
}

.fresh p {
  color: inherit;
}

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

                          DESKTOP

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

@media (min-width: 992px) {
  #mobile_line {
    display: none;
  }

  #svg_canvas {
    display: none;
  }

  .hamburger {
    display: none;
  }

  div.button:hover {
    cursor: pointer;

    width: 16.2vh;

    height: 16.2vh;

    transition: all 0.2s ease-out;
  }

  div.button.play {
    transform: translate(0, -50%) rotate(90deg);
  }

  div.slide4 .col_bc {
    width: 40%;
  }

  div.slide2 p {
    width: 70%;
  }

  div.slide3 p {
    padding-left: 30%;
  }

  div.goods_list .item:nth-of-type(1) .town_icon {
    left: 25.4%;
  }

  div.goods_list .item:nth-of-type(2) .town_icon {
    left: 22.5%;
  }

  div.goods_list .item:nth-of-type(3) .town_icon {
    left: 31.5%;
  }

  div.goods_list .item:nth-of-type(4) .town_icon {
    left: 20%;
  }

  div.goods_list .item:nth-of-type(5) .town_icon {
    left: 37.2%;
  }

  div.annual_block .town_icon,
  div.presentation_block .town_icon {
    left: 19.7vh;

    top: 10vh;
  }

  div#g_map p {
    font-size: 1.8vh;

    line-height: 1.5em;

    float: left;

    margin-left: 4vh;

    top: 20vh;
  }

  div.Submenu p.currentCity {
    display: none;
  }
}



.hero__title {
  font-size: 6.8vh;
}

.hero__subtitle {
  color: #fff; 
  text-align: left; 
  margin-bottom: 80px; 
  font-size: 26px;
  line-height: 36px;
}

.hero__text {
  width: 100%;
}     

@media (max-width: 991px) {
  .hero #movie_play {
    top: 40vh;
  }

  .hero__title {
    font-size: 40px;
  }

  .hero__subtitle {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}

h2.news__title {
  margin-bottom: 32px;
}

.news-form__container {
  max-width: 665px;
  margin-bottom: 32px;
}

.news-form__container .news-search {
  width: -webkit-fill-available;
  border: 1px solid rgba(197, 194, 193, 0.2);
  border-radius: 4px;
  padding: 12px 16px;
  font-weight: 400;
  font-size: 12px;
  color: #c5c2c1;
  font-family: "Roboto", sans-serif;
  padding-left: 40px;
  outline: none;
}

.news-form__container form {
  position: relative;
}


.news-form__container form::before {
  content: url(../svg/search-news-icon.svg);
  position: absolute;
  display: block;
  height: 20px;
  left: 16px;
  top: 12px;
}

.news-catalog__container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}

.news-catalog__container .news-item__image {
  margin-bottom: 16px;
  height: 215px;
}

.news-catalog__container .news-item__image img {
  width: 100%;
  height: 100%;
  display: block;
}

.news-catalog__container .news-item__info {
  display: flex;
  align-self: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.news-catalog__container .news-item__info p {
  font-weight: 400;
  font-size: 12px;
  color: #c5c2c1;
  margin-bottom: 0;
}

.news-catalog__container .news-item__title {
  font-size: 20px;
  color: #003f6e;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  transition: color .3s ease-in-out;
}

.news-catalog__container .news-item__title:hover {
  color: var(--logiterra-green);
  transition: color .3s ease-in-out;
}

.news-catalog__container .news-item__anons {
  font-weight: 400;
  font-size: 16px;
  color: #7f868c;
  margin-bottom: 0;
}

.show-more__container {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.show-more__container .show-more__btn {
  border: 1px solid #003f6e;
  padding: 16px 24px;
  font-weight: 400;
  font-size: 16px;
  color: #003f6e;
  margin: 0 auto;
  display: block;
  background-color: transparent;
  transition: border .3s ease-in-out, color .3s ease-in-out;
  cursor: pointer;
}

.show-more__container .show-more__btn:hover {
  border: 1px solid var(--logiterra-green-hover);
  color: var(--logiterra-green-hover);
  transition: border .3s ease-in-out, color .3s ease-in-out;
}

@media (max-width: 470px) {
  .news-catalog__container .news-item__title br {
    display: none;
  }
  .show-more__container {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.news-detail_top-content {
  padding-bottom: 75px;
}

.new-container {
  margin-top: 60px;
}

.new-container .new-category {
  border: 1px solid #7f868c;
  border-radius: 4px;
  padding: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #7f868c;
  width: fit-content;
}

.new-container .new-info {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 40px;
}

.new-container .new-date {
  font-weight: 400;
  font-size: 16px;
  color: #7f868c;
}

.h-mt32 {
  margin-top: 32px;
}

.new-content_text-block p {
  font-weight: 400;
  font-size: 16px;
  color: #7f868c;
  margin-bottom: 16px;
}

.new-content_h2 {
  font-weight: 400;
  font-size: 32px;
  color: #7f868c;
  line-height: 115%;
}

.new-container .image-container img {
  width: 100%;
}

.new-table {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e8e7e6;
  border-radius: 8px;
  margin-bottom: 40px;
}

.new-table .new-table_col {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 25%;
}

.new-table .new-table_col .new-table_col-top {
  font-weight: 400;
  font-size: 20px;
  min-height: 90px;
  color: #7f868c;
}

.new-table .new-table_col .new-table_col-top p {
  margin: 0;
}

.new-table .new-table_col .new-table_col-bottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.new-table .new-table_col .new-table_col-top ,
.new-table .new-table_col .new-table_col-bottom {
  padding: 24px;
  border: 1px solid #e8e7e6;
}

.new-table .new-table_col .col-bottom_item:last-child {
  height: 100px;
}

.new-content_table, .share-link_content {
  margin-top: 40px;
}

.share-link_content .share-link {
  display: flex;
  gap: 15px;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #7f868c;
}

.more-news_h2 {
  font-weight: 900;
  font-size: 32px;
  color: #003f6e;
}

.new-table_col .new-table_btn {
  display: none;
  background-color: transparent;
  border: none;
  position: relative;
  width: 40px;
  height: 40px;
}

.new-table_col .new-table_btn::before {
  content: url(../assets/images/arrow-down-gray.svg);
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.new-table_col .new-table_btn.active::before {
  transform: translateY(-50%) translateX(-50%) rotate(180deg)
}

@media (max-width: 600px) {
  .new-table {
    flex-direction: column;
  }
  .new-content_h2 {
    font-size: 24px;
    margin: 24px 0;
  }
  .new-container .new-info {
    margin: 0;
  }
  .new-table .new-table_col .new-table_col-top {
    min-height: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;

  }
  .new-table .new-table_col .new-table_col-bottom {
    display: none;
  }
  .new-table .new-table_col .new-table_col-top p {
    width: 80%;
  }
  .new-table {
    border: none;
    display: block;
  }
  .new-table_col .new-table_btn {
    display: block;
  }
  .new-content p {
    font-size: 16px;
  }
  .new-table .new-table_col .col-bottom_item:last-child {
    height: unset;
  }
  .news-detail_top-content {
    padding-bottom: 0;
  }
}

.more-news_container {
  margin-bottom: 50px;
}