/*

*/

body { 
  margin: 0; 
  display: flex; 
  flex-direction: column; 
  min-height: 100vh; 
} 

header { 
  flex:0 0 auto; 
}

.u-section-1 {
  /* min-height: max(768px, 100vh - 155px); */
  flex: 1 1 auto;
  min-height: 768px;
  background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("images/GE-min.jpg");
}

.u-section-1 .u-sheet-1 {
  min-height: 583px;
}

.u-section-1 .u-list-1 {
  min-height: 530px;
  grid-template-columns: calc(33.3333% - 17px) calc(33.3333% - 17px) calc(33.3333% - 17px);
  width: 1060px;
  grid-auto-flow: row dense;
  grid-auto-rows: minmax(100px, 200px);
  grid-gap: 26px 26px;
  margin: 44px auto 60px;
}

.u-section-1 .u-list-item-1w {
  background-image: none;
  box-shadow: 2px 0 4px 0 rgba(41,45,51,0.35);
}

.u-section-1 .u-container-layout-1w {
  padding: 30px 20px;
}


/* ==== иконки (no @media)==== */

.u-section-1 .u-icon-nc {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-nc img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.9; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

/* nacepage.css:

.u-icon-circle,
.u-icon-circle img {
  border-radius: 50%;
}

.u-icon-rounded,
.u-icon-rounded img {
  border-radius: 10px;
}

.u-file-icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
*/


.u-section-1 .u-icon-media {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-media img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.8; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-torrent {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-torrent img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.9; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-pve {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-pve img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.9; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-omv {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-docker {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-docker img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.75; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: -0.02rem 0.01rem; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-router {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-router img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.9; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-tools {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-tools img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.8; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-avidemux {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-avidemux img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.8; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-handb {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-handb img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.8; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-ha {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-ha img {
  border-radius: 1px; /* радиус скругления */
  scale: 0.7; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 -0.12rem; /* позиционирование по гориз. и верт. */
}

.u-section-1 .u-icon-search {
  height: 73px;
  width: 73px;
  background-image: none;
  text-shadow: -2px 0 0 rgba(0,0,0,0);
  margin: 0 auto 0 0;
}

.u-section-1 .u-icon-search img {
  border-radius: 0px; /* радиус скругления */
  scale: 0.9; /* масштаб */
  object-fit: cover; /* contain - вписать в границы, по умолчанию cover -  обрезать по границам */
  object-position: 0 0; /* позиционирование по гориз. и верт. */
}


.u-section-1 .u-group-1w {
  width: 220px;
  min-height: 170px;
  margin: -73px 0 0 auto;
  max-height: 200px;
}

.u-section-1 .u-container-layout-2w {
  padding: 0 0 14px 20px;
}

.u-section-1 .u-text-1w {
  font-weight: 700;
  font-size: 1.375rem;
  margin: 17px 0 0;
}

.u-section-1 .u-btn-1w {
  padding: 0;
}

.u-section-1 .u-text-2w {
  font-size: 0.875rem;
  font-style: italic;
  margin: 20px 0 0;
}

.u-section-1 .u-icon-2w {
  height: 32px;
  width: 32px;
  margin: 20px auto 0 0;
}


@media (max-width: 1199px) {
  .u-section-1 {
    min-height: 704px;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 583px;
  }

  .u-section-1 .u-list-1 {
    min-height: 530px;
    width: 940px;
    height: auto;
    margin-left: 0;
  }

  .u-section-1 .u-group-1w {
    width: 174px;
    min-height: 190px;
  }

  .u-section-1 .u-container-layout-2w {
    padding-bottom: 0;
  }
}


@media (max-width: 991px) {
  .u-section-1 {
    min-height: 528px;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 432px;
  }

  .u-section-1 .u-list-1 {
    min-height: 379px;
    grid-template-columns: calc(((100% - 720px) / 2) + 347px) calc(((100% - 720px) / 2) + 347px);
    width: 720px;
  }

  .u-section-1 .u-group-1w {
    width: 215px;
    min-height: 173px;
  }
}


@media (max-width: 767px) {
  .u-section-1 .u-list-1 {
    grid-template-columns: calc(((100% - 540px) / 2) + 257px) calc(((100% - 540px) / 2) + 257px);
    width: 540px;
  }

  .u-section-1 .u-container-layout-1w {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-icon-nc {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-plex {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-torrent {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-pve {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-omv {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-docker {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-router {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-tools {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-avidemux {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-handb {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-ha {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-icon-search {
    height: 63px;
    width: 63px;
  }

  .u-section-1 .u-group-1w {
    width: 162px;
    min-height: 202px;
    margin-top: -63px;
  }

  .u-section-1 .u-container-layout-2w {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-text-1w {
    font-size: 1.25rem;
  }
}


@media (max-width: 575px) {
  .u-section-1 .u-list-1 {
    grid-template-columns: 100%;
    width: 340px;
  }

  .u-section-1 .u-container-layout-1w {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-1 .u-icon-nc {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-plex {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-torrent {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-pve {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-omv {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-docker {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-router {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-tools {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-avidemux {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-handb {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-ha {
    height: 71px;
    width: 71px;
  }

  .u-section-1 .u-icon-search {
    height: 71px;
    width: 71px;
  }


  .u-section-1 .u-group-1w {
    width: 192px;
    margin-top: -71px;
  }

  .u-section-1 .u-text-1w {
    font-size: 1.5rem;
  }
}

/* ==== FOOTER ==== */

footer { 
  flex:0 0 auto; 
}

.u-footer-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 0;
  padding: 5px 6px;
  min-height: 60px;
}

.u-footer-1 u-sheet-1w {
  min-height: 20px;
  margin: 0 0;
  padding: 5px 5px;
}

.u-footer-1 .u-text-1 {
  width: 417px;
  margin: 0px auto;
  text-align: center;
}

@media (max-width: 1199px) {
  .u-footer-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    padding: 5px 5px;
    min-height: 29px;
  }
  
  .u-footer-1 u-sheet-1w {
  min-height: 20px;
  margin: 0 0;
  padding: 5px 5px;
  }
}

@media (max-width: 991px) {
  .u-footer-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    padding: 5px 5px;
    min-height: 29px;
  }
  
  .u-footer-1 u-sheet-1w {
  min-height: 20px;
  margin: 0 0;
  padding: 5px 5px;
  }
}

@media (max-width: 767px) {
  .u-footer-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    padding: 5px 5px;
    min-height: 29px;
  }
  
  .u-footer-1 u-sheet-1w {
  min-height: 20px;
  margin: 0 0;
  padding: 5px 5px;
  }
}

@media (max-width: 575px) {
  .u-footer-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0;
    padding: 5px 5px;
    min-height: 18px;
  }
  
  .u-footer-1 u-sheet-1w {
  min-height: 20px;
  margin: 0 0;
  padding: 5px 5px;
  }

  .u-footer-1 .u-text-1 {
    width: 340px;
    margin: 0px auto;
    text-align: center;
  }
}