/*CSS for footer------------------------------------------------------------*/
.footer{/*
  display: grid;
  grid-template-columns: 1fr 8fr 1fr;*/
  margin: 0px;
  line-height: 7vh;
}

.footercatalog{
  text-align: center;
  transform: rotate(180deg) translateY(100%);
  transform-origin: bottom center;
  color: #54697e;
  font-size: 6vw;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  writing-mode: vertical-lr;
  margin:0 auto;
  text-align: right;
}
.footercontacts{
  text-align: center;
  transform: rotate(180deg) translateY(100%);
  transform-origin: bottom center;
  color: #54697e;
  font-size: 6vw;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  writing-mode: vertical-lr;
  margin:0 auto;
  text-align: right;
}

.footerinside{
  display: grid;
  background-color: #54697e;
  grid-template-columns:repeat(2, minmax(0, 1fr));;
  margin: 0px;
}
.footertextleft{
  grid-area: 1 / 1 / span 1/ span 1;
  font-size: 1.5vw;
  clear: both;
  display: inline-block;
  overflow: visible;
  white-space: nowrap;
  color: white;
  padding: 3vh 1vw;
}

.logoleft{
  grid-area: 1 / 1 / span 1/ span 2;
  width: 15vw;
  object-fit: cover;
  display: center;
  margin: 0 auto;
  margin-top: auto;
  margin-bottom: auto;
}
.footertextmiddle{
  grid-area: 1 / 2 / span 1 / span 2;
  font-size: 1.5vw;
  display: inline-block;
  overflow: visible;
  white-space: nowrap;
  text-align: right;
  color: white;
  padding: 3vh 1vw;
}

.footertextright a{
    text-decoration: none;
    color: white;
}

.phone_number{
  color: white;
  text-decoration: none;
}
@media screen and (max-width:1024px){
  .footer{
    grid-template-columns:1fr 9fr;
    margin: 0px;
    background-color: #54697e;
    line-height: 20pt;
  }
  .footercontacts{
    color: white;
  }
  .footercatalog{
    display: none;
  }
  .footerinside{
    grid-template-columns:repeat(2, minmax(0, 1fr));;
  }
  .footertextleft{
    grid-area: 1 / 1 / span 1/ span 1;
    font-size: 3vw;

  }
  .logoleft{
    grid-area: 1 / 1 / span 1/ span 2;
    width: 40vw;
    padding-right: 10vw;
  }
  .footertextmiddle{
    grid-area: 1 / 2 / span 1 / span 1;
    text-align: right;
    margin-right:1vw;
    font-size: 3vw;
  }
  .logoright{
    display: none;
  }
  .footertextright{
    display: none;
  }
}
@media screen and (max-width:1920px){
  .footer{
    line-height: 7vh;
  }